jQuery: Виберіть атрибути даних, які не є порожніми?

Я намагаюся виділити всі елементи, які мають data-go-toатрибут, який не є порожнім.

Я намагався, $('[data-go-to!=""]')але як не дивно, здається, я вибираю кожен окремий елемент сторінки, якщо я це роблю.

спробуй

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

ОНОВЛЕННЯ:

Щоб нікого не збити, ця відповідь буде працювати у старих версіях jQuery, але не є надійною для майбутнього. Оскільки відповіді @gmo та @ siva, схоже, працюють із пізнішими версіями, я відкладаю (і закликаю вас проголосувати) їх відповіді .... і звичайно сподіваюся, у вас є фантастичний день.

Подібно до того , як подальше використання, і уточнений ^{(may'14) (aug'15) (sep'16) (apr'17) (mar'18) (mar'19) ( may'20 )} ...
Відповідь, яка працює з:

Порожні рядки:

Якщо повинен існувати і міг мати якесь значення ^{(або взагалі} не має значення ⁾attr

    jQuery("[href]");

Відсутні атрибути:

Якщо міг існувати і якщо існує, повинен мати якесь значення attr

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

Або обидва:

Якщо має існувати і має мати якесь значення ... attr

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

^{PS : можливо більше комбінацій ...}

Перевірте цей тест у jsFiddle для прикладів:

• 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 ^{Остання версія jQuery доступна у jsFiddle 28 травня 2020 року}
• jQuery Edge -> jsFiddle online test ^{Версія jQuery edge (використовуйте з обережністю)}

Або тут у SO з цим фрагментом коду .

^{* Фрагмент запущений 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
});​

Має 'data-attributename' і його значення не є порожнім:

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

Має "атрибут-ім'я даних" порожній чи ні:

$('[data-attributename]')

Приклад JS Fiddle

Я не впевнений у простому селекторі, але ви можете використовувати filter():

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

Демонстрація JS Fiddle .

Список літератури:

• filter().

Відповідно до документації це має зробити

:not([attr="value"])

ДЕМО

Сподіваюся, це допомагає

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

JSBIN

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

Використання :not, .not()та :emptyінше лише перевірить, чи порожній сам елемент, а не атрибут data. Для цього вам доведеться фільтрувати на основі значення атрибутів даних.

Скрипка

Це працює для мене

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

Спробуйте це :

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

Це працює для мене:

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