Fatal编程技术网
  • jquery/
  • 使用jQuery更改多个图像src

使用jQuery更改多个图像src

jquery html

使用jQuery更改多个图像src,jquery,html,Jquery,Html,我有一个2行3列的网格，我希望每张卡上有一个不同的图像，如果用户从不同的菜单输入，图像也应该不同 我尝试使用for循环选择不同的图像，但只选择第一个或第二个图像 $（“img”）.attr（'src'，function（）{ for（var i=0；i

我有一个2行3列的网格，我希望每张卡上有一个不同的图像，如果用户从不同的菜单输入，图像也应该不同

我尝试使用for循环选择不同的图像，但只选择第一个或第二个图像

$（“img”）.attr（'src'，function（）{
for（var i=0；i


奥雷姆·英普苏姆
关闭
奥雷姆·英普苏姆


您可以为每个图像设置相应源所需的
id
，并使用jQuery do：


$('.card img').each(function() {
    var path = 'media/' + $(this).attr('id') + '.jpg'
    $(this).attr('src', path);
});



通过向
attr（）
提供一个函数，您正在通过每个
img
元素创建一个隐式循环。因此，您不需要该函数中的
for
循环。然后，通过接收函数的第一个参数并将其用作图像文件的名称，可以获得循环中当前元素的索引。试试这个：



$（“img”）.attr（'src'，函数（i）{
返回“媒体/”+i+“.jpg”；
});


奥雷姆·英普苏姆
奥雷姆·英普苏姆

我认为他的代码中的
currentId
是一个伪代码，用于识别那些他想要实现而不是删除的图像。我应该删除这篇文章吗？你可能就在那里，这需要OP的一些澄清。根本没有理由删除：）什么是
currentId
引用？抱歉@Rorymcrossan我忘记解释了，它是
var currentId=this.id
它在
文档中。ready（）
在编写代码的过程中，我已经多次使用过它。我把它变成了一个变量，因为我在使它工作时遇到了一些困难。