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

Question

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

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

这样：

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

正在回归：

jQuery(div.second)

Answer 1

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

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

或按索引查找：

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

Answer 2

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

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)

Answer 3

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

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

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

Answer 4

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

Answer 5

没有孩子回到兄弟姐妹而不是孩子吗？

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

将返回第一个元素＆＃39; .second＆＃39;。

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

应该为您提供班级的第一个兄弟＆＃39; .selector＆＃39;

Answer 6

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

免责声明： getElementsByClassName和firstElementChild上的浏览器合规性不稳定。 DOM-Shims解决了这些问题。