Programing

Jquery에서 인덱스로 자식 요소를 얻는 방법은 무엇입니까?

lottogame 2020. 11. 13. 07:44
반응형

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 : 첫 자녀', '. 초')
4) $ ( '* : 첫 자녀', '. 초')
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-shims는 이러한 문제를 해결합니다.

참고 URL : https://stackoverflow.com/questions/8926678/how-to-get-child-element-by-index-in-jquery

반응형