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

<div class="second">
    <div class="selector" id="selFirst"></div>
    <div class="selector" id="selSecond"></div>
    <div></div>
</div>

如何使用元素索引而不是ID获取#selFirst？

这个：

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

正在返回：

jQuery(div.second)

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

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

或按索引查找：

 var index = 0
 $('.second').children().eq(index);

有以下选择第一个孩子的方法

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）

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

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

代码：http：//jsfiddle.net/RX46D/

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

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

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

将返回带有“ .second”类的第一个元素。

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

应该给你类'.selector'的第一个兄弟姐妹

var node = document.getElementsByClassName("second")[0].firstElementChild

免责声明：在浏览器的合规性getElementsByClassName和firstElementChild发抖。DOM垫片可以解决这些问题。