CODEWITHSUNDEEP
javascriptjqueryhtml
bragboy
bragboy

Reputation: 35542

jQuery - How to select by attribute

I have a HTML like this,

<a id="a_1" href="#" disabled_onclick="true">Link1</a>
<a id="a_2" href="#">Link2</a>
<a id="a_3" href="#" disabled_onclick="true">Link3</a>
<input id="b_1" type="submit" disabled_onclick="true">Button1</input>
<input id="b_2" type="submit">Button2</input>
<input id="b_3" type="submit">Button3</input>

Now I need write a jQuery which returns me all the attributes in my html having a disabled_onclick property set to true. In this case, I should get 3 elements, two link tags and one input tag.

Upvotes: 5

Views: 2332

Answers (3)

Mathias Bynens
Mathias Bynens

Reputation: 149484

Here’s how to select all those elements:

$('[disabled_onclick="true"]');

Since true is a valid unquoted attribute value in CSS, you could even omit the quotes:

$('[disabled_onclick=true]');

If you care about valid HTML you should consider using a custom data-* attribute instead though.

<input id="b_1" type="submit" disabled_onclick="true">
<!-- …becomes… -->
<input id="b_1" type="submit" data-disabled-onclick="true">

That way it’s valid HTML, and you’ll still be able to select it as follows:

$('[data-disabled-onclick="true"]');

Upvotes: 11

dku.rajkumar
dku.rajkumar

Reputation: 18568

try this

$('[disabled_onclick="true"]')

Upvotes: 4

jAndy
jAndy

Reputation: 235962

$('input[disabled_onclick="true"]');

See http://api.jquery.com/attribute-equals-selector/

In the above line, you'd only query for input nodes, you can omit the input which would then query over all nodes in your entire markup (which is probably kind of slow'ish).

$('[disabled_onclick="true"]');

Upvotes: 1

Related Questions