jquery - 按数据属性选择对象

Question

如何通过数据选择对象？我找到了很多例子，但没有一个对我有用：

$('div').data('name', 'foo');

我试过了：

$('div').find('[data-name]="foo"').hide();
$('div[data-name]="foo"').hide();
$('div[name]="foo"').hide();

任何的想法？

Answer 1

尝试filter()：

var $div = $('div').filter(function() {
    return $(this).data('name') === 'foo'; 
});
$div.hide();

Answer 2

试试这个

$('div[data-name=foo]').hide()

希望这会有所帮助！

Answer 3

改用.attr：

$('div').attr('data-name', 'foo');
$('div[data-name="foo"]').hide();

这篇文章可能会很有趣。