第一個孩子SRC

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

從的jsfiddle

Answer 2

試試這個：得到第一個孩子得到它的屬性類：您當前的代碼給出第一個是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>

012的