Html 5 custom attribute select using jquery if it has multiple values

Question

In html you can apply multiple css classes to a object e.g class="a b c". In jquery its nice and handy to work with all elements with these classes e.g.

jQuery('.b').hide();

In Html 5 using custom attributes, jQuery seems to recognise multiple values e.g. dataset="a b c" as abc i.e. selectable through:

jQuery('tr[dataset="a b c"]').hide();

but

jQuery('tr[dataset="a"]').hide();

does not select any elements with dataset="a b c"

Obviously i can think of two/three work arounds but is there a way for jQuery to recognise multiple values in a custom attr?

rdubya · Accepted Answer · 2014-11-28 00:36:52Z

2

I think the Attribute Contains Word Selector will do what you are looking for: jQuery('tr[dataset~="a"]').hide();

Update: Here is a simple example fiddle

edited Nov 28, 2014 at 0:36

answered Nov 28, 2014 at 0:21

rdubya

2,9261 gold badge18 silver badges21 bronze badges

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

2 Comments

Ian Hazzard Over a year ago

For more up-votes, add a jsfiddle, pen, or code snippet.

David Over a year ago

nice and simple one :)

Collectives™ on Stack Overflow

Html 5 custom attribute select using jquery if it has multiple values

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related