JQuery Find Elements With Data Object

Question

I would like to find all elements inside a container that have a certain data attribute set to 1 as well as all elements that don't have this attribute set at all.

The data attribute is as follows:

$("#element").data("activate")

It can have a value of 1 or 0. If an element doesn't have an "activate" data property set I want to treat it as a 0.

I have the following code at present:

$("#content").find("[data-activate='0']").off();

However I would also like to do something like this:

$("#content").find("all where data-activate NOT exists").off();

ie if an element doesn't have the attribute even set.

Note: there must be unique ID for any element on a page.

xkeshav
– xkeshav

2013-01-07 12:44:25 +00:00
Commented Jan 7, 2013 at 12:44 — xkeshav
– xkeshav, Commented Jan 7, 2013 at 12:44

Rory McCrossan · Accepted Answer · 2013-01-07 12:34:48Z

3

You can use :not:

$('#content :not([data-activate])').off();

Or filter():

$('#content div').filter(function() {
    return !$(this).attr('data-activate');
}).off();

answered Jan 7, 2013 at 12:34

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

3 Comments

Plynx Over a year ago

This is a great answer if your selector identifies the nodes already. If you're using find it means you're looking for descendants of #content, so use whichever one is appropriate as the situation comes up.

Rory McCrossan Over a year ago

@Plynx I don't get what you mean - the selector in the first example will find descendants of #content

Plynx Over a year ago

I caught you between earlier edits, your answer finds descendants now.

Plynx · Accepted Answer · 2013-01-07 12:34:57Z

3

$("#content").find(":not([data-activate])").off();

answered Jan 7, 2013 at 12:34

Plynx

11.5k3 gold badges34 silver badges34 bronze badges

1 Comment

Plynx Over a year ago

@Tomalak I think that would apply filter away any #content without this attribute, not its descendants. Since #content is an id, JQuery takes a shortcut and only returns the first even if you have multiples with that ID.

xkeshav · Accepted Answer · 2013-01-07 12:39:48Z

0

TRY

$("#content div").map(function {
    $(this).data("activate","1") 
}

This will simply add data-activate = 1 to all div inside #content whether it is 0 or that attribute does not exist

answered Jan 7, 2013 at 12:39

xkeshav

54.2k47 gold badges183 silver badges255 bronze badges

Comments

Harsh Baid · Accepted Answer · 2013-01-07 12:45:28Z

0

You can use the two selector at once to select the element, separting them (selectors) by comma

:not() Selector.
Attribute Equals Selector.

$("#content [data-activate='0'], #content :not([data-activate])").off();

edited Jan 7, 2013 at 12:45

answered Jan 7, 2013 at 12:39

Harsh Baid

7,2496 gold badges51 silver badges94 bronze badges

Collectives™ on Stack Overflow

JQuery Find Elements With Data Object

4 Answers 4

3 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related