मैं jquery के साथ इस div में पहली छवि का चयन कैसे करूं?

Question

मेरे पास यह div अन्य divs और छवियों के समूह के साथ है। मुख्य div एम-कैरोसेल-भीतरी है। मैं जो करना चाहता हूं वह इस div के भीतर पहला आईएमजी तत्व का चयन करना है। जावास्क्रिप्ट या jquery में ऐसा करने के बारे में मैं कैसे जाउंगा?

<div class="m-carousel-inner"> 

<div class="m-item"> 
<div class="m-card-light"> 
<div class="mqc_img"> 
<img src="http://placehold.it/280x210"> 
</div><!-- end .mqc_img --> 
<div class="mqc_info"> 
<h5>Title</h5> 
Lorem ipsum dolor sit amet 
</div><!-- end .mqc_info --> 
</div> 
</div> 

<div class="m-item"> 
<div class="m-card-light"> 
<div class="mqc_img"> 
<img src="http://placehold.it/280x210"> 
</div><!-- end .mqc_img --> 
<div class="mqc_info"> 
<h5>Title</h5> 
Lorem ipsum dolor sit amet 
</div><!-- end .mqc_info --> 
</div> 
</div> 

<div class="m-item"> 
<a href="#"> 
<div class="m-card-light"> 
<div class="mqc_img"> 
<img src="http://placehold.it/280x210"> 
</div><!-- end .mqc_img --> 
<div class="mqc_info"> 
<h5>Title</h5> 
Lorem ipsum dolor sit amet 
</div><!-- end .mqc_info --> 
</div> 
</a> 
</div> 

<div class="m-item"> 
<div class="m-card-light"> 
<div class="mqc_img"> 
<img src="http://placehold.it/280x210"> 
</div><!-- end .mqc_img --> 
<div class="mqc_info"> 
<h5>Title</h5> 
Lorem ipsum dolor sit amet 
</div><!-- end .mqc_info --> 
</div> 
</div> 

<div class="m-item"> 
<div class="m-card-light"> 
<div class="mqc_img"> 
<img src="http://placehold.it/280x210"> 
</div><!-- end .mqc_img --> 
<div class="mqc_info"> 
<h5>Title</h5> 
Lorem ipsum dolor sit amet 
</div><!-- end .mqc_info --> 
</div> 
</div> 

<div class="m-item"> 
<div class="m-card-light"> 
<div class="mqc_img"> 
<img src="http://placehold.it/280x210"> 
</div><!-- end .mqc_img --> 
<div class="mqc_info"> 
<h5>Title</h5> 
Lorem ipsum dolor sit amet 
</div><!-- end .mqc_info --> 
</div> 
</div> 

<div class="m-item"> 
<div class="m-card-light"> 
<div class="mqc_img"> 
<img src="http://placehold.it/280x210"> 
</div><!-- end .mqc_img --> 
<div class="mqc_info"> 
<h5>Title</h5> 
Lorem ipsum dolor sit amet 
</div><!-- end .mqc_info --> 
</div> 
</div> 

<div class="m-item"> 
<div class="m-card-light"> 
<div class="mqc_img"> 
<img src="http://placehold.it/280x210"> 
</div><!-- end .mqc_img --> 
<div class="mqc_info"> 
<h5>Title</h5> 
Lorem ipsum dolor sit amet 
</div><!-- end .mqc_info --> 
</div> 
</div> 

<div class="m-item"> 
<div class="m-card-light"> 
<div class="mqc_img"> 
<img src="http://placehold.it/280x210"> 
</div><!-- end .mqc_img --> 
<div class="mqc_info"> 
<h5>Title</h5> 
Lorem ipsum dolor sit amet 
</div><!-- end .mqc_info --> 
</div> 
</div> 

<div class="m-item"> 
<div class="m-card-light"> 
<div class="mqc_img"> 
<img src="http://placehold.it/280x210"> 
</div><!-- end .mqc_img --> 
<div class="mqc_info"> 
<h5>Title</h5> 
Lorem ipsum dolor sit amet 
</div><!-- end .mqc_info --> 
</div> 
</div> 

<div class="m-item"> 
<div class="m-card-light"> 
<div class="mqc_img"> 
<img src="http://placehold.it/280x210"> 
</div><!-- end .mqc_img --> 
<div class="mqc_info"> 
<h5>Title</h5> 
Lorem ipsum dolor sit amet 
</div><!-- end .mqc_info --> 
</div> 
</div> 
</div><!-- end .m-carousel-inner --> 

धन्यवाद।

Answer 1

इस तरह?

$('.m-carousel-inner').find('img:first'); 

Fiddle

देखें :first

पहला भाग $('.m-carousel-inner') वर्ग .m-carousel-inner के साथ अपने कंटेनर तत्व के लिए चयनकर्ता जो jQuery वापस आ जाएगी DOM एलीमेंट लिपटे, और लगता है .find('img:first') लागू है किसी भी स्तर पर अपने बच्चे के रूप में आईएमजी का पहला उदाहरण।

Answer 2

jQuery में

आप कर सकते थे

<script>$('.m-carousel-inner img:first');</script> 

Answer 3

आप भी jQuery चयनकर्ता के साथ jQuery first() समारोह का उपयोग कर सकते

<script> $('.m-carousel-inner img').first(); </script>