Bu divanda ilk görüntüyü jquery ile nasıl seçerim?

Question

Bu div, bir sürü başka div ve resim ile var. Ana div m-atlıkarınca-içtir. Yapmak istediğim, bu div içindeki ilk img öğesini seçmektir. Bunu javascript veya jquery'de nasıl yaparım?

<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 --> 

Teşekkür ederiz.

Answer 1

Bunu beğendiniz mi?

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

Fiddle

Bkz Birinci bölüm $('.m-carousel-inner') jquery dönecektir sınıfa .m-carousel-inner ile kap öğesinin seçici DOM öğesi sarılmış ve bulmak için .find('img:first') uygulamak olduğunu :first

img ilk örneği, herhangi bir düzeyde çocuğu olarak. jquery

Answer 2

yapabildin

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

Answer 3

ayrıca jQuery seçici ile jQuery first() işlevini kullanabilirsiniz

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