jquery - jQuery 选择器 - 单击位于公共父标签下的另一个标签时更改标签的属性

Question

我有以下html结构：

<div>
<button>
<img src="img/a.png" />
</button>
<h2>Title</h2>
</div>

我想要实现的行为是，当用户单击 h2 标题时，按钮字段中的图像会发生变化。我尝试了以下 jQuery 代码，但它不起作用，如果有人能帮助我指出我出错的地方，我会很高兴：

$('h2').click(function(){
    $(this).parentsUntil('div').children('button').children('img').attr('src','img/b.png');
});

首先十分感谢

score 3 · Accepted Answer

$('h2').click(function(){
    $(this).siblings('button').children('img').attr('src','img/b.png');
});

当然还有你惯用的小提琴：http: //jsfiddle.net/UbMyW/

score 1 · Accepted Answer

试试这个更简单一点

$('h2').click(function(){
    $(this).parent().find('img').attr('src','img/b.png');
});

2 回答 2