第一个孩子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的