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を持っている場合は、div要素を選択する方がいいでしょうあなたがすべての画像のソースを変更したくない場合は、idによって