jquery - 使用jquery,我如何选择div内的所有图像来更改其源

标签 jquery image

我有以下 div,并且我知道该 DIV 的选择器 ID。

<div class="event">
  <img src="/Content/Images/Icons/calendar1.png">
  <img src="/Content/Images/Icons/calendar2.png">
  <img src="/Content/Images/Icons/calendar3.png">
  <img src="/Content/Images/Icons/calendar4.png">
  <img src="/Content/Images/Icons/calendar5.png">
  <img src="/Content/Images/Icons/calendar6.png">
</div>

我需要一些东西来找到我拥有的 div 内的所有图像选择器,这样我就可以将每个图像的源更改为新图像。

最佳答案

使用此代码检索图像 URL:

$('.event img').each(function(){
  alert($(this).attr('src'));
});

如果您想更改图像 URL,请使用:

var inc = 1;
$('.event img').each(function(){
  $(this).attr('src','path of image/imagename'+inc+'.imageextension');
  inc++;
});

关于jquery - 使用jquery,我如何选择div内的所有图像来更改其源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45750891/

相关文章:

javascript - 如何使用 javascript/JQuery 调用 jsf 页面上的隐藏按钮

javascript - Uncaught ReferenceError : url is not defined

c# - GDI+ 中的 System.Drawing.Image.Save 发生一般性错误

css - 为什么我不能使用 float left 使这些图像响应并有效堆叠

javascript - 在 HTML 中将图像链接移出头部

javascript - 如何自动关闭并单击图标 datepicker bootstrap

JQuery UI 日期选择器(从星期一开始几周)

javascript - 如何在 jQuery 中设置选择下拉菜单的大小

Java Swing JLabel.setIcon() 没有按我期望的方式工作

php - 使用php将图像保存到mysql中后无法显示