JQuery Selector Find

时间:2013-09-11 23:02:35

标签: javascript jquery html css

<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>

如何选择ID为'my_name_is3'的锚标记。类似的东西:

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

3 个答案:

答案 0 :(得分:3)

id属性应该是唯一的,因此您不必指定任何其他内容:

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

答案 1 :(得分:2)

您无需使用ID's进行手动遍历:

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

答案 2 :(得分:1)

jsFiddle Demo

使用thenumber连接字符串。请记住,按ID查找元素是最好的,因为ID是唯一的。

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