如何通过JQuery中的索引获取子元素？

<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(); 

或者按索引查找：

  $('.second').children().eq(0); 

Answer 2

有以下方法select第一个孩子

  1）$（'。second div：first-child'） 

  2）$（'。second *：first-child'） 

  3）$（'div：first-child'，'。second'） 

  4）$（'*：first-child'，'。second'） 

  5）$（'。second div：n-child（1）'） 

  6）$（'。second'）。children（）。first（） 

  7）$（'。second'）。children（）。eq（0） 

Answer 3

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

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

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

Answer 4

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

Answer 5

不是小孩回到兄弟姐妹而不是小孩吗？

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

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

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

应该给你class级的第一个兄弟姐妹。“select器”

Answer 6

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

免责声明： getElementsByClassName和firstElementChild浏览器遵从性不稳定。 DOM垫片修复这些问题。