Làm cách nào để lấy phần tử con theo chỉ mục trong Jquery?

Question

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

Làm cách nào để nhận đượC#selChỉ sử dụng phần tử chỉ mục không phải ID?

này:

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

đang trở lại:

jQuery(div.second) 

Answer 1

Nếu bạn Knô w các phần tử con bạn quan tâm là người đầu tiên:

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

Hoặc tìm theo chỉ số:

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

Answer 2

Bạn có thể nhận được phần tử đầu tiên thông qua chỉ số selector:

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

Code: http://jsfiddle.net/RX46D/

Answer 3

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

Answer 4

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

Disclaimer: trình duyệt tuân thủ trên getElementsByClassName và firstElementChild bị rung. DOM-shims sửa chữa những vấn đề mặc dù.

Answer 5

Không phải là anh chị em thứ hai trở về thay vì trẻ em?

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

sẽ trả về phần tử đầu tiên với lớp 'giây'.

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

nên cung cấp cho bạn các anh chị em đầu tiên của lớp '.selector'

Answer 6

Có những cách sau để chọn đứa con đầu lòng

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)