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

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

1 个答案: