Javascript 如何在Jquery中通过索引获取子元素？

正在返回：

var $selFirst = $(".second:nth-child(1)");
console.log($selFirst);

---

您可以通过索引选择器获取第一个元素：

jQuery(div.second)

---

代码：

如果您知道您感兴趣的子元素是第一个：

$('div.second div:eq(0)')

或按索引查找：

 $('.second').children().first();

---

var node=document.getElementsByClassName（“第二”）[0].firstElementChild

---

免责声明：浏览器对

getElementsByClassName

和

firstElementChild

的遵从性不稳定。但是DOM垫片可以解决这些问题。

n个孩子不返回兄弟姐妹而不是孩子吗

$('.second').find('div:first')

将返回类为“.second”的第一个元素

var $selFirst = $(".second:nth-child(1)");

---

应该为您提供类的第一个同级。选择器“

选择第一个子级的方法如下

var $selFirst = $(".selector:nth-child(1)");

1） $（“.second div:first child”） 2） $（“.second*：first child”） 3） $（'div:first child'，'s second'） 4） $（“*：第一个孩子”，“第二个孩子”） 5） $（'第二分区：第n个子（1）'） 6） $（'.second'）.children（）.first（）

---

7） $（'.second'）.children（）.eq（0）索引选择器不正确。改为使用方法，因为它们很快。请记住，如果OP正在查找第一个DIV，那么如果在.second和#selFirst之间有任何HTML元素，那么这将不起作用。他在哪里说了“first DIV”。他在哪里说过“第二和#自我第一之间会有一些因素”你提供的选择越多，你得到的选票就越多！这个问题更一般。如何按索引选择。这不是关于如何选择第一个孩子。注意：eq（）是0索引的，但index（）是1索引的。问题更一般。如何按索引选择。这不是关于如何选择第一个孩子的问题。@AlexanderVolkov注意第二个例子，它使用索引

var $selFirst = $(".second:nth-child(1)");

var $selFirst = $(".selector:nth-child(1)");

1) $('.second div:first-child') 2) $('.second *:first-child') 3) $('div:first-child', '.second') 4) $('*:first-child', '.second') 5) $('.second div:nth-child(1)') 6) $('.second').children().first() 7) $('.second').children().eq(0)