无法找到具有我动态添加的特定数据短划线属性的元素

Question

当我向一个元素添加一个data-itemid属性时,我找不到该元素

$('someSelector').find( '[data-itemid="' + itemid + '"]' )

干

$('#id-of-element-i-added-the-attribute-to').data('itemid')

返回正确的数据.

$('#id-of-element-i-added-the-attribute-to').attr('data-itemid')

返回一个空字符串.

$('someSelector').find( '[data-itemid="' + itemid + '"]' ) 适用于最初具有该数据短划线属性的元素,但不适用于动态添加的属性.

我添加这样的属性 $('#'+listItemId).data('itemid', itemId);

如何找到具有特定值的动态添加的data-itemid属性的元素.

这个选择器也不起作用(它们返回空数组):

$('*').find( '[data-itemid="' + itemid + '"]' )
$('[data-itemid="' + itemid + '"]' )
$('[data-itemid="16"]' )

Answer 1

您可以使用filter查找动态添加的data属性.试试这个:

var $elementsWithDataAttr = $('someSelector .class').filter(function() {
    return $(this).data('itemid') != "";
});
// do something with $elementsWithDataAttr ...