Classname Первого ребенка первого ребенка ЦСИ

Question

У меня есть следующие элементы:

<div class="house-box"><img class="Dicon" src="101"/></div> 

<div class="house-box"><img class="Dicon" src="102"/></div> 

<div class="house-box"><img class="Dicon" src="103"/></div> 

Я хочу, чтобы получить элемент с классом Dicon, кто является потомком house-box, но я хочу только первый house-box.

Вот что я до сих пор:

function SelectCheck() 
{ 
     var select_val = $('#companyCheck').val(); 
     var firstChildContent = $('.house-box'); 
     alert(firstChildContent.find('.Dicon:first').attr('src')); 
     return; 
} 

Я хочу, чтобы атрибут первого house-box «ы Dicon элемента src ...

Answer 1

вы можете использовать

var firstChildSrc = $('.house-box:first-child').find('.Dicon').attr('src'); 

или

var firstChildSrc = $('.house-box:first').find('.Dicon').attr('src'); 

или

var firstChildSrc = $('.house-box').first().find('.Dicon').attr('src'); 

DEMO

Answer 2

попробовать это: получить первые дети получить его атрибут класса : ваш текущий код дает src от первого, который 101.

function SelectCheck() 
 
{ 
 
     var select_val = $('#companyCheck').val(); 
 
     var firstChildContent = $('.house-box'); 
 
     alert($(firstChildContent.children()[0]).attr("class"));//Dicon 
 
     alert($(firstChildContent.children()[0]).attr("src"));//101 
 
     return; 
 
} 
 

 
$(document).ready(function(){ 
 
\t SelectCheck(); 
 
\t });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="house-box"><img class="Dicon" src="101"/></div> 
 
<!-- need to get the src of this one --> 
 

 
<div class="house-box"><img class="Dicon" src="102"/></div> 
 
<!-- not this one --> 
 

 
<div class="house-box"><img class="Dicon" src="103"/></div>