Jquery li元素中的第二个跨度

我有以下标记：

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

你好
拜伊

---

我如何瞄准第二个

span

？我不想访问

li

的第三个子项，但是

li

中的第二个span可以尝试以下选择器：

$('li').children('span').eq(1);

您可以使用jQuery的选择器获取

li

元素中的第二个

span

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

eq（）

将返回一个jQuery对象，其中包含对第二个跨度的引用。因此，您可以继续对其调用jQuery方法

如果您希望获得第二个跨度的HTML元素，则可以使用以下内容：

$("li span")[1];

---

将jquery选择器与CSS第n个子项一起使用

$('li span:nth-child(2)')

---

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

<script>
    $("li span:nth-child(2)").append("<span> - 2nd!</span>");
</script>

$（“第n个孩子（2）”）。追加（“-2nd！”）；

这不会使用本机querySelectorAll函数。@HommerSmith:这有帮助吗？还是您仍然有问题？如果您这样做了，请随意发布您正在使用的标记，以获得更好的解决方案。