jquery - データ属性によるオブジェクトの選択

Question

データでオブジェクトを選択する方法は? 私は多くの例を見つけましたが、どれも私にとってはうまくいきませんでした:

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

私はもう試した：

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

何か案が？

Answer 1

代わりにこれを試してください

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

これが役立つことを願っています!!

Answer 2

試してくださいfilter()：

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

Answer 3

.attr代わりに使用してください:

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

この記事を見てみるのも面白いかもしれません。