jQuery : select all element with custom attribute [duplicate]

Question

Possible Duplicate:
jQuery, Select by attribute value, adding new attribute
jQuery - How to select by attribute

please consider this code:

<p>11111111111111</p>
<p MyTag="nima">2222222222</p>
<p>33333333333</p>
<p MyTag="Sara">>4444444444</p>

how I can select All p tag with attribute MyTag?

thanks

could this page help you? api.jquery.com/category/selectors

ShinTakezou
– ShinTakezou

2012-11-15 06:20:48 +00:00
Commented Nov 15, 2012 at 6:20 — ShinTakezou
– ShinTakezou, Commented Nov 15, 2012 at 6:20

nnnnnn · Accepted Answer · 2012-11-15 06:20:15Z

204

Use the "has attribute" selector:

$('p[MyTag]')

Or to select one where that attribute has a specific value:

$('p[MyTag="Sara"]')

There are other selectors for "attribute value starts with", "attribute value contains", etc.

answered Nov 15, 2012 at 6:20

nnnnnn

150k30 gold badges210 silver badges247 bronze badges

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

5 Comments

Jnanaranjan Over a year ago

If there are multiple p tags with custom attribute and I want to select which is inside specific div?

nnnnnn Over a year ago

@Jnana - Select the div first, then use .find() to get the p element inside it. Or combine the selectors, e.g., if the div has an id: $('#idOfDiv p[MyTag]').

Jnanaranjan Over a year ago

I have done something like this. $('#parent_div').find('[data-action^="click-target"]'). Thanks

code-it Over a year ago

another solution would be to use this $("[id=choose]")

nnnnnn Over a year ago

@code-it - I don't understand what you mean, that's the same syntax I put in my answer, except you're specifying an attribute not applicable to the OP's HTML. (And one wouldn't do that for an id attribute given the is a specific selector for that purpose.)

ShinTakezou · Accepted Answer · 2012-11-15 06:29:00Z

12

As described by the link I've given in comment, this

$('p[MyTag]').each(function(index) {
  document.write(index + ': ' + $(this).text() + "<br>");});

works (playable example).

answered Nov 15, 2012 at 6:29

ShinTakezou

9,7311 gold badge34 silver badges41 bronze badges

Collectives™ on Stack Overflow

jQuery : select all element with custom attribute [duplicate]

2 Answers 2

5 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Linked

Related