Question

When I add a data-itemid attribute to an element, I can not find that element using

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

Doing

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

returns the correct data.

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

returns an empty string.

$('someSelector').find( '[data-itemid="' + itemid + '"]' ) works for elements that initially have that data dash attribute, but not for dynamically added attributes.

I add the attribute like this $('#'+listItemId).data('itemid', itemId);

How can i find the element that has that dynamically added data-itemid attribute with specific value.

This selectors don’t work as well (they return empty arrays):

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

Answer 1

You can use filter to find dynamically added data attributes. Try this:

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