Jquery में इंडेक्स द्वारा बाल तत्व कैसे प्राप्त करें?

Question

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

तत्व सूची का उपयोग कर #selFirst कैसे प्राप्त करें आईडी नहीं?

इस:

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

लौटा रहा है:

jQuery(div.second) 

Answer 1

आप kno हैं डब्ल्यू चाइल्ड तत्व में आपकी रुचि है पहला है:

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

या सूचकांक द्वारा खोजने के लिए:

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

Answer 2

आप सूचकांक चयनकर्ता के माध्यम से पहला तत्व प्राप्त कर सकते हैं:

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

कोड: http://jsfiddle.net/RX46D/

Answer 3

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

Answer 4

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

अस्वीकरण: getElementsByClassName पर ब्राउज़र अनुपालन और firstElementChild कमजोर हैं। डोम-शिम्स हालांकि उन समस्याओं को ठीक करते हैं।

Answer 5

क्या बच्चे बच्चे के बजाय भाई बहन नहीं लौटते हैं?

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

कक्षा '.ccond' श्रेणी के साथ पहला तत्व वापस कर देगा।

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

आप क्लास '.selector' के पहले भाई देना चाहिए

Answer 6

वहाँ निम्नलिखित तरीके से पहले बच्चे को चुनने के लिए कर रहे हैं

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)