jquery – 找不到我动态添加的特定数据短划线属性的元素

当我向一个元素添加一个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"]' )

解决方法

您可以使用过滤器来查找动态添加的数据属性.试试这个：

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