3

我有以下标记：

<li>
<span>Hi</span>
<a href="#">Link</a>
<span>Bye</span>
</li>

我怎样才能瞄准第二个span？我不想访问 的第三个孩子li，而是访问 中的第二个跨度li。

4

4 回答 4

3

您可以使用 jQuery 的eq()选择器来获取元素span中的第二个。li

$("li span").eq(1)

eq()将返回一个引用第二个跨度的 jQuery 对象。所以你可以继续在它上面调用 jQuery 方法。

如果您更愿意获得第二个跨度的 HTML 元素，则可以使用它：

$("li span")[1];
于 2012-12-22T22:29:00.083 回答
2

使用带有 CSS nth-child 的 jquery 选择器。

$('li span:nth-child(2)')
于 2012-12-22T22:31:28.400 回答
0

您可以尝试以下选择器：

$('li').children('span').eq(1);
于 2012-12-22T22:28:23.013 回答
0

试一试：添加 jquery 引用并使用此脚本

<script>
    $("li span:nth-child(2)").append("<span> - 2nd!</span>");
</script>
于 2012-12-22T22:31:42.167 回答