SORU
17 Mayıs 2012, PERŞEMBE


bir WordPress kullanmak:'t değil veri öznitelikleri boş Seçin?

Boş olmayan data-go-to özelliği olan tüm öğeleri seçmek için çalışıyorum.

$('[data-go-to!=""]') denedim ama işin garibi eğer bunu yaparsam sayfasında her öğe seçme gibi görünüyor.

CEVAP
29 Mayıs 2014, PERŞEMBE


Sadece daha fazla başvuru, ve birgüncel(Mayıs'14Ağustos 15)boş dizeler, eksik öznitelikleri veya her ikisi ile çalışan cevap.


Eğerattrgerekirvar &olabilirherhangi bir değeri var(ya da hiç)

    jQuery("[href]");

Eğerattrolabilirve eğer mevcut vargerekirbazı değer var

    jQuery("[href!='']");

Eğerattrgerekirvar &vardırbazı değer...

    jQuery("[href!=''][href]");

daha fazla kombinasyon mümkün


Örnekler: jsFiddle bu testi kontrol edin


Düzenleme:Kod Parçacığını bu KADAR eklendi, bu yüzden burada test edebilirsiniz.

jQuery('div.test_1 > a[href]').addClass('match');
jQuery('div.test_2 > a[href!=""]').addClass('match');
jQuery('div.test_3 > a[href!=""][href]').addClass('match');
div,a {
    display: block;
    color: #333;
    margin: 5px;
    padding: 5px;
    border: 1px solid #333;
}
h4 {
    margin: 0;
}
a {
    width: 200px;
    background: #ccc;
    border-radius: 2px;
    text-decoration: none;
}
a.match {
    background-color: #16BB2A;
    position: relative;
}
a.match:after {
    content: 'Match!';
    position: absolute;
    left: 105%;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="test_1">
    <h4>Test 1: jQuery('a[href]')</h4>
    <a href="test">href: test</a>
    <a href="#">href: #</a>
    <a href="">href: empty</a>
    <a>href: not present</a>
</div>
<div class="test_2">
    <h4>Test 2: jQuery('a[href!=""]')</h4>
    <a href="test">href: test</a>
    <a href="#">href: #</a>
    <a href="">href: empty</a>
    <a>href: not present</a>
</div>
<div class="test_3">
    <h4>Test 3: jQuery('a[href!=""][href]')</h4>
    <a href="test">href: test</a>
    <a href="#">href: #</a>
    <a href="">href: empty</a>
    <a>href: not present</a>
</div>

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Le Cargo !

    Le Cargo !

    24 HAZİRAN 2007
  • Pocketnow

    Pocketnow

    14 EKİM 2007
  • Video Copilot

    Video Copilo

    21 EYLÜL 2006