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');
});

非常感谢

Answer 1

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

当然，习惯性的小提琴：http://jsfiddle.net/UbMyW/

Answer 2

尝试这一点而不是更简单

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

请参阅此处示例http://jsfiddle.net/kXjPY/1/