utilizzando jquery, come posso selezionare un'immagine all'interno di un div per cambiare la sua fonte

Question

Ho il seguente div e conosco il selettore Id del DIV.

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

ma non so quale sia l'immagine. Ho bisogno di qualcosa per trovare il selettore di immagini all'interno del div che ho così posso andare a cambiare la fonte dell'immagine in una nuova immagine.

Answer 1

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

Questo seleziona tutti gli elementi con la classe event e poi trova i propri figli img elementi. Se hai più corrispondenze e vuoi cambiare le loro fonti in modo diverso, puoi usare lo $.each() per iterare attraverso di esse.

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

Una demo: http://jsfiddle.net/aPzgR/

Answer 2

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

Se si dispone di diversi div con event come la classe che si sta meglio la selezione del div per id se non vuoi cambiare la fonte di tutte le immagini