jquery data attribute selector

Question

I am trying select some divs where the data attribute x10 equals the variable Xmodule. I have something wrong with the selector but I don't know what is wrong.

 //find data element that matched Xmodule and display either on or off class
 $('div[data-x10=Xmodule]').each(function(){
 if (XStatus ==="2")
    {element.removeClass('off').addClass('on');}
 else
    {element.removeClass('on').addClass('off');};
  });

What ever you have should work jsfiddle.net/2wr75. Can you show your html? — PSL
– PSL, Commented Nov 19, 2013 at 18:19
It works fine here: jsfiddle.net/spF8z. Is the problem that you should be using $(this) instead of element? — Jason P
– Jason P, Commented Nov 19, 2013 at 18:19

codingrose · Accepted Answer · 2013-11-19 18:16:38Z

1

Try this:

It should be $('div[data-x10="Xmodule]"').

Value of attribute should be passed in quotes.

answered Nov 19, 2013 at 18:16

codingrose

15.7k11 gold badges41 silver badges58 bronze badges

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

1 Comment

Jason P Over a year ago

If the value is a single word, the quotes aren't necessary. Also, even if they were, the second " would need to be inside the ].

Collectives™ on Stack Overflow

jquery data attribute selector

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related