Selecting html elements with jquery based on div and some other attribute

Question

I have this html code:

<p class="test" data-id=1>Some Value</p>

<p class="test" data-id=2>Some Value</p>

<p class="test" data-id=3>Some Value</p>

<p class="test" data-id=4>Some Value</p>

How can I select a <p> element based on its data-id?

look at [attribute selector](http://api.jquery.com/attribute-equals-selector/) — Arun P Johny, Oct 06 '13 at 13:52
you should always put attribute values in quotation marks. just a good practice. — lukaleli, Oct 06 '13 at 13:54
Thanks for the comments people. Its just hard to search the internet without knowing the exact terms. — H H H, Oct 06 '13 at 13:57
What's the `div` in your title have to do with anything inside the question? — Sparky, Oct 06 '13 at 14:02

score 1 · Accepted Answer · answered Oct 06 '13 at 13:52

1

With jQuery:

alert($("p[data-id='1']").html());

DEMO

jQuery - Attribute Selector

answered Oct 06 '13 at 13:52

Thanks mate. How can I select a particular element with its class name and data attribute? Im trying $('.test').data('id'=2); but its not working. – H H H Oct 06 '13 at 14:13

Selecting html elements with jquery based on div and some other attribute

1 Answers1