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

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

jQuery v1.11.0 -> jsFiddle online test
jQuery v2.1.0 -> jsFiddle online test
jQuery v2.1.3 -> jsFiddle online test
jQuery v3.0.0-alpha1 -> jsFiddle online test

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ş: