형제 요소의 이미지 소스를 가져 오는 중

Question

앵커를 클릭했을 때 가까이있는 요소의 이미지 소스에 경고하고 싶습니다.

$('.click_me').click(function(){ 
alert($(this).closest('img').siblings('img.smiley_pic').attr('src')); 
}); 

Answer 1

$('a').click(function(){ 
 
    alert($(this).prevAll('img').first().attr("src")); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div class = 'image_div'> 
 
    <img src = "pics/smiley.jpg" class = "smiley_pic"> 
 
    <a class = 'click_me'>click me</a> 
 
</div>

또한 .prev()를 사용할 수 있지만 내 대답은 가장 가까운 <img>

을 얻을 것이다하면서, 정확하게 이전의 경우에만 작동합니다

Answer 2

당신은 형제 IMG 요소를 대상으로 잘못된 선택이 있습니다

<div class = 'image_div'> 
    <img src = "pics/smiley.jpg" class = "smiley_pic"> 
    <a class = 'click_me'>click me</a> 
</div> 

여기 내 JQuery와 있습니다 : 여기

는 구조입니다. 사용 :

$('.click_me').click(function(){ 
    alert($(this).prev().attr('src')); 
}); 

Working Demo