jQuery find elements without data attribute

Question

How can I find all elements without a certain data-attribute?

I've tried:

$list.find('li:not([data-stuff])');

But it doesn't work.

is the data attribute modified by script or is it present in the html markup — Arun P Johny
– Arun P Johny, Commented Nov 11, 2013 at 16:01

Rory McCrossan · Accepted Answer · 2013-11-11 16:10:02Z

6

jQuery stores data attributes in its cache, so you need to use filter:

var $li = $list.filter(function() {
    return $(this).data('stuff') != undefined;
});
// do something with $li...

edited Nov 11, 2013 at 16:10

answered Nov 11, 2013 at 16:00

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Arun P Johny Over a year ago

you may have to check whether data('suff')!=undefined else falsy values like false and 0 will fail

Josh Davenport-Smith Over a year ago

@Vic If there was a selector to do exactly what you wanted, it would probably just do something similar to this internally anyway. But you could use something like this if you really wanted to do it in a selector. Hell, even build your own :)

spez86 · Accepted Answer · 2013-11-11 16:08:26Z

5

I think what you're looking for is:

$list.find('li').not('li[data-stuff]').addClass('foo');

The addClass() is just there as a placeholder.

answered Nov 11, 2013 at 16:08

spez86

7321 gold badge13 silver badges24 bronze badges

2 Comments

spez86 Over a year ago

Notice in that codepen how it only logs text for the two items that don't have a [data-stuff] attr. I assume you're looping through items or something in your code...

Vic Over a year ago

It doesn't seem to work when you add the data via javascript instead of html. codepen.io/anon/pen/doyfj

Collectives™ on Stack Overflow

jQuery find elements without data attribute

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related