JQuery 选择器查找

JQuery Selector Find

本文关键字：查找 选择器 JQuery      更新时间：2023-09-26
<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");

id属性应该是唯一的，所以你不必指定任何其他内容： 

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

您不需要使用 ID 手动遍历： 

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

jsFiddle Demo

使用数字连接字符串。请记住，最好通过 id 查找元素，因为 id 是唯一的。

var thenumber = "3";
$("#my_name_is_"+thenumber).append("okay");
相关文章：