How to select elements with jQuery that have a certain value in a data attribute array

Question

is there a way in jQuery to select elements that have a certain value in a data attribute array?

Consider this snippet of html:

<li id="person1" data-city="Boston, New York, San Fransisco">
    Person name 1
</li>
<li id="person1" data-city="Los Angeles, New York, Washington">
    Person name 2
</li>

What is the best way in jQuery to select all persons with "New York" in the data-city attribute?

duplicate of stackoverflow.com/questions/4191386/…, which has a more thorough answer — drzaus
– drzaus, Commented Jul 26, 2012 at 16:03

Andy · Accepted Answer · 2011-09-08 07:14:05Z

1

~~even though i don't see your html,~~ it should be:

$('[data-city*="New York"]')

edited Sep 8, 2011 at 7:14

answered Sep 8, 2011 at 7:07

Andy

30.2k9 gold badges43 silver badges59 bronze badges

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

2 Comments

murze Over a year ago

i've corrected the html-snippet, you should be able to see it now. I think your solution only works if there was only one city in the data-city attribute

Andy Over a year ago

@murze: See it now, thanks. And no, *= is the attribute contains selector: api.jquery.com/attribute-contains-selector

Collectives™ on Stack Overflow

How to select elements with jQuery that have a certain value in a data attribute array

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related