CODEWITHSUNDEEP
javascriptjqueryhtmlcss
Asim Siddiqui
Asim Siddiqui

Reputation: 309

JQuery Selector Find

<ul id="mylist">
    <li>
        <a id="my_name_is_1" href="#">...</a>
    </li>
    <li>
        <a id="my_name_is_2" href="#">...</a>
    </li>
    <li>
        <a id="my_name_is_3" href="#">...</a>
    </li>
    <li>
        <a id="my_name_is_4" href="#">...</a>
    </li>
</ul>

How to select the anchor tag with id 'my_name_is3'. Something like:

var thenumber = "3";
$("ul.mylist").find("li>a#my_name_is_"+thenumber).append("okay");

Upvotes: 0

Views: 46

Answers (3)

Travis J
Travis J

Reputation: 82287

jsFiddle Demo

Concatenate a string using thenumber. Keep in mind that finding elements by id is best because the ids are unique.

var thenumber = "3";
$("#my_name_is_"+thenumber).append("okay");

Upvotes: 1

SeanCannon
SeanCannon

Reputation: 77976

You don't need to traverse manually with ID's: 

$('#my_name_is' + thenumber).append('okay');

Upvotes: 2

Lix
Lix

Reputation: 47976

id attributes are supposed to be unique, so you don't have to specify anything else : 

var num = 3;
$( "#my_name_is_" + num ).append( "okay" );

Upvotes: 3

Related Questions