jqueryを使用して、div内の画像を選択してソースを変更するにはどうすればよいですか

Question

次のdivがあり、DIVのセレクターIDを知っています。

 <div class="event"><img src="/Content/Images/Icons/calendar16.png">Event Name</div>

しかし、私は画像が何であるかわかりません。画像のソースを新しい画像に変更できるように、div内の画像セレクターを見つけるために何かが必要です。

Answer 1

_$('.event').children('img').attr('src', '<source here>');
_

これにより、eventクラスを持つすべての要素が選択され、その子のimg要素が見つかります。複数の一致があり、それらのソースを別々に変更したい場合は、$.each()を使用してそれらを反復処理できます。

• .children()： http://api.jquery.com/children
• .attr()： http://api.jquery.com/attr

デモ： http://jsfiddle.net/aPzgR/

Answer 2

$('div.event img').attr('src', '/anything');

クラスとしてeventを持つ複数のdivがある場合、すべての画像のソースを変更したくない場合は、idでdivを選択することをお勧めします