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 ^{20年5月28日在jsFiddle中可用的最后一个jQuery版本}
• jQuery Edge -> jsFiddle online test ^{jQuery edge版本（谨慎使用）}

或者在此处使用此代码段。

^{*代码段正在运行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'是否为空：

$('[data-attributename]')

JS小提琴示例

我不确定简单的选择器，但可以使用filter()：

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

JS小提琴演示。

参考文献：

• filter()。

根据文档， 应该这样做

:not([attr="value"])

演示

希望这可以帮助

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

吉宾

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

使用:not，.not()，:empty等仅检查元素本身是空的，而不是数据属性。为此，您将必须根据数据属性值进行过滤。

小提琴

这对我有用

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

试试这个 ：

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

这对我有用：

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