jQuery: Chọn thuộc tính dữ liệu không trống?

Tôi đang cố gắng chọn tất cả các phần tử có data-go-tothuộc tính không trống.

Tôi đã thử $('[data-go-to!=""]')nhưng thật kỳ lạ, nó dường như đang chọn từng phần tử trên trang nếu tôi làm điều đó.

thử

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

CẬP NHẬT:

Để không dẫn bất kỳ ai đi lạc đường, câu trả lời này sẽ hoạt động trong các phiên bản cũ hơn của jQuery nhưng không phù hợp với tương lai. Vì câu trả lời của @gmo và @ siva dường như đều hoạt động với các phiên bản sau nên tôi trì hoãn (và khuyến khích bạn ủng hộ) câu trả lời của họ .... và tất nhiên hy vọng bạn có một ngày tuyệt vời.

Chỉ là tài liệu tham khảo thêm và cập nhật ⁽ tháng ^{năm'14) (tháng tám'15) (sep'16) (apr'17) (mar'18) (mar'19) ( tháng năm'20 )} ...
Câu trả lời phù hợp với:

Chuỗi trống:

Nếu phải tồn tại và có thể có bất kỳ giá trị nào ^{(hoặc không có} giá trị ^{nào cả)}attr

    jQuery("[href]");

Các thuộc tính bị thiếu:

Nếu có thể tồn tại & nếu tồn tại, phải có một số giá trị attr

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

Hoặc cả hai:

Nếu phải tồn tại & phải có một số giá trị ... attr

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

^{Tái bút : có thể kết hợp nhiều hơn ...}

Kiểm tra thử nghiệm này trong jsFiddle để biết các ví dụ:

• 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 ^{Phiên bản jQuery cuối cùng có sẵn trong jsFiddle vào ngày 28 tháng 5}
• jQuery Edge -> jsFiddle online test ^{phiên bản jQuery edge (sử dụng thận trọng)}

Hoặc ở đây trong SO với Đoạn mã này .

^{* Đoạn mã đang chạy 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
});​

Có 'tên thuộc tính dữ liệu' và giá trị của nó không trống:

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

Có 'data-thuộc tính tên' trống hoặc không:

$('[data-attributename]')

Ví dụ về JS Fiddle

Tôi không chắc về một bộ chọn đơn giản, nhưng bạn có thể sử dụng filter():

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

Bản demo JS Fiddle .

Người giới thiệu:

• filter().

Theo tài liệu này nên làm điều đó

:not([attr="value"])

BẢN GIỚI THIỆU

Hi vọng điêu nay co ich

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

JSBIN

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

Sử dụng :not, .not(), :emptyvv sẽ chỉ kiểm tra nếu các yếu tố chính nó là trống rỗng, không phải là thuộc tính dữ liệu. Đối với điều đó, bạn sẽ phải lọc dựa trên giá trị thuộc tính dữ liệu.

VĨ CẦM

Điều này phù hợp với tôi

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

Thử cái này :

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

Điều này phù hợp với tôi:

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