jquery - 找不到具有我动态添加的特定数据破折号属性的元素

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 ...