How to get child element by index in Jquery?

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

How to get #selFirst using element index not the ID?

this:

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

is returning :

jQuery(div.second)

131692 次浏览

小开

你可以通过索引选择器得到第一个元素:

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

密码: http://jsfiddle.net/RX46D/

小开

最佳答案

如果你知道你感兴趣的子元素是第一个:

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

或通过索引查找:

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

小开

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

小开

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

免责声明: 浏览器在 getElementsByClassName和 firstElementChild上的兼容性是不稳定的，DOM-shims 解决了这些问题。

小开

难道第九个孩子不是返回兄弟姐妹而不是孩子吗？

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

将返回包含类“ . second”的第一个元素。

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)

提交答案