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

よろしくお願いします

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/