Jquery 如何选择div内部的图像以更改其源?

Jquery 如何选择div内部的图像以更改其源?,jquery,html,selector,Jquery,Html,Selector,我有下面的div,我知道该div的选择器Id <div class="event"><img src="/Content/Images/Icons/calendar16.png">Event Name</div> 事件名称 但我不知道,图像是什么。我需要一些东西来找到div里面的图像选择器。因此,我可以将图像源更改为新图像。$('.event').children('img').attr('src',''); $(

我有下面的div,我知道该div的选择器Id

 <div class="event"><img src="/Content/Images/Icons/calendar16.png">Event Name</div>
事件名称
但我不知道,图像是什么。我需要一些东西来找到div里面的图像选择器。因此,我可以将图像源更改为新图像。

$('.event').children('img').attr('src','');
$('.event').children('img').attr('src', '<source here>');
这将使用
事件
类选择所有元素,然后查找它们的子元素
img
元素。如果您有多个匹配项,并且希望以不同的方式更改它们的源,则可以使用
$.each()
对它们进行迭代

  • .children()
  • .attr()
演示:

如果有几个div使用
event
作为类,那么如果不想更改所有图像的源,最好选择按id的div

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