Question

当我点击一个锚时，我想提醒一个靠近它的元素的图像源。

这是结构：

<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).closest('img').siblings('img.smiley_pic').attr('src'));
});

Answer 1

你有不正确的选择器来定位兄弟img元素。使用方法：

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

<强> Working Demo

Answer 2

＆＃13;

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

＆＃13;

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

＆＃13;

你也可以使用.prev()，但只有当它完全是前一个时才有效，而我的回答会得到最接近的<img>

获取兄弟元素的图像源

2 个答案: