使用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');

如果您有几个div event作为类,如果您不想更改所有图像的来源,最好选择div作为ID