jquery 仅更改当前行的图像 src

Question

我有一个包含多行的表，这些行都具有相同的类。单击图像时，会进行 db 调用，然后返回 json。我的一切都正常工作，但是当我单击图像时，表中的所有内容都会发生变化。我只希望当前行图像受到影响。

示例表:

<tr class="changerow"> 
<td><a href="" class="hide"><img src="image.png" class="someimage" /></a></td>
<td><a href="" class="hide"><img src="image.png" class="someimage" /></a></td>
<td><a href="" class="hide"><img src="image.png" class="someimage"  /></a></td>
</tr>

Jquery:

$('.hide').live('click',function(){
var row=$(this);
$('.someimage').attr("src","newimage.png");
});

所以，我知道我需要以某种方式识别当前行并创建变量“row”。不太确定如何做到这一点。正在考虑使用 row.parents('.changerow') 或类似的东西。请帮忙:)谢谢!

Answer 1

试试这个

$('.hide').live('click',function(e){
   $('.someimage', this).attr("src","newimage.png");

   //Closest row
   var $row = $(this).closest("tr.changerow");
   e.stopPropagation();
});