按数据属性选择对象

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();

This article可能会很有趣。