jQuery: Pilih atribut data yang tidak kosong?

Saya mencoba memilih semua elemen yang memiliki data-go-toatribut yang tidak kosong.

Saya sudah mencoba $('[data-go-to!=""]')tetapi anehnya tampaknya memilih setiap elemen di halaman jika saya melakukan itu.

mencoba

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

MEMPERBARUI:

Demi tidak menyesatkan siapa pun, jawaban ini akan berfungsi di versi jQuery yang lebih lama tetapi tidak tahan masa depan. Karena @gmo dan @ siva jawaban keduanya tampaknya berfungsi dengan versi yang lebih baru, saya menunda (dan mendorong Anda untuk memberi suara positif) jawaban mereka .... dan tentu saja semoga hari Anda menyenangkan.

Hanya sebagai referensi lebih lanjut, dan up-to-date ^{(may'14) (aug'15) (sep'16) (apr'17) (mar'18) (mar'19) ( may'20 )} ...
Jawaban yang sesuai dengan:

String kosong:

Jika harus ada & dapat memiliki nilai apa pun ^{(atau tidak sama sekali)}attr

    jQuery("[href]");

Atribut yang hilang:

Jika bisa ada & jika ada, pasti punya nilai attr

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

Atau keduanya:

Jika harus ada & harus memiliki nilai ... attr

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

^{PS : lebih banyak kombinasi dimungkinkan ...}

Periksa tes ini di jsFiddle untuk contoh:

• 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 ^{Versi jQuery terakhir tersedia di jsFiddle pada 28'20 Mei}
• jQuery Edge -> jsFiddle online test ^{jQuery edge version (gunakan dengan hati-hati)}

Atau di sini, di SO dengan Cuplikan Kode ini .

^{* Snippet menjalankan jQuery v2.1.1}

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
});​

Memiliki 'data-atributename' dan nilainya tidak kosong:

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

Memiliki 'data-atributename' kosong atau tidak:

$('[data-attributename]')

Contoh JS Fiddle

Saya tidak yakin tentang pemilih sederhana, tetapi Anda dapat menggunakan filter():

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

Demo JS Fiddle .

Referensi:

• filter().

Menurut dokumentasi, ini harus dilakukan

:not([attr="value"])

DEMO

Semoga ini membantu

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

JSBIN

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

Menggunakan :not, .not(), :emptydll hanya akan memeriksa apakah unsur itu sendiri kosong, tidak atribut data. Untuk itu Anda harus memfilter berdasarkan nilai atribut data.

BIOLA

Ini berhasil untuk saya

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

Coba ini :

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

Ini bekerja untuk saya:

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