jQuery: Boş olmayan veri özniteliklerini seçin.

data-go-toBoş olmayan bir niteliğe sahip tüm öğeleri seçmeye çalışıyorum .

Denedim $('[data-go-to!=""]')ama garip bir şekilde, bunu yaparsam sayfadaki her bir öğeyi seçiyor gibi görünüyor.

Deneyin

$(':not([data-go-to=""])')

GÜNCELLEME:

Kimseyi yanlış yola yönlendirmemek adına, bu yanıt jQuery'nin eski sürümlerinde çalışacak ancak geleceğe yönelik değildir. @Gmo ve @ siva'nın yanıtlarının her ikisi de sonraki sürümlerde çalışıyor gibi göründüğünden, onların yanıtlarını ertelerim (ve sizi oylamaya teşvik ederim) .... ve tabii ki harika bir gün geçirmenizi dilerim.

Sadece daha fazla referans ve bir şekilde yukarı güncel ^{(may'14) (aug'15) (sep'16) (apr'17) (mar'18) (mar'19) ( may'20 )} ...
Aşağıdakilerle çalışan cevap:

Boş dizeler:

Eğer gerekir var ve olabilir herhangi bir değere sahip ^{(hiç ya da hiç)}attr

    jQuery("[href]");

Eksik özellikler:

Eğer olabilir mevcut ve varsa, gereken bazı değere sahip attr

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

Ya da her ikisi de:

Eğer gerekir var ve olması gerekiyor bazı değer ... attr

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

^{Not : daha fazla kombinasyon mümkündür ...}

Örnekler için jsFiddle'daki 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
• jQuery v3.1.1 Slim -> jsFiddle online test
• jQuery v3.2.1 -> jsFiddle online test
• jQuery v3.3.1 -> jsFiddle online test
• jQuery v3.4.1 -> jsFiddle online test ^{JsFiddle'da 28 Mayıs'ta mevcut olan son jQuery sürümü}
• jQuery Edge -> jsFiddle online test ^{jQuery edge sürümü (dikkatli kullanın)}

Veya burada, bu Kod Parçacığı ile SO'da .

^{* Snippet, jQuery v2.1.1'i çalıştırıyor}

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>

$('[data-go-to!=""]:[data-go-to]').each(function() {
    // Do Your Stuff
});​

"Veri özniteliği adı" vardır ve değeri boş değildir:

$('[data-attributename]:not([data-attributename=""])')

"Data-attributename" boş veya değil:

$('[data-attributename]')

JS Fiddle örneği

Basit bir seçiciden emin değilim, ancak şunu kullanabilirsiniz filter():

$('[data-go-to]').filter(
    function(){
        return ($(this).attr('data-go-to').length > 0);
    });

JS Fiddle demosu .

Referanslar:

• filter().

Belgelere göre bunu yapmalı

:not([attr="value"])

DEMO

Bu yardımcı olur umarım

$('[data-go-to]:not([data-go-to=""])')

JSBIN

$('[data-go-to]').filter(function() {
    return $(this).data('go-to')!="";
});

, Vb. Kullanımı :not, data özniteliğini değil, yalnızca elemanın boş olup olmadığını kontrol eder. Bunun için veri öznitelikleri değerine göre filtrelemeniz gerekecektir..not():empty

VAKTİNİ BOŞA HARCAMAK

Bu benim için çalışıyor

$('[attributename]').filter('[attributename!=""]')

Bunu dene :

$('[data-go-to:not(:empty)]')

Bu benim için çalışıyor:

$('.data .title td[data-field!=""]')