如何使用javascript(jquery）替换列表中图像的src

How to replace src of images in list using javascript (jquery)?

本文关键字：列表 图像 src 替换 何使用 javascript jquery      更新时间：2024-01-22

我想在下面的例子中使用js 将拇指替换为大

FROM:

<ul id="slide">
<li><img src="pathtoimg/thumbs/imagename.jpg" /></li>
<li><img src="pathtoimg/thumbs/imagename2.jpg" /></li>
</ul>

收件人：

<ul id="slide">
<li><img src="pathtoimg/large/imagename.jpg" /></li>
<li><img src="pathtoimg/large/imagename2.jpg" /></li>
</ul>

为了实现它，我使用了以下js代码

 $(window).load(function(){
 var images = $("#slide li img");
 for(var i = 0; i < images.length; i++)
{
var img = images[i];
var src = img.src.replace("thumbs","large");
img.src = src;
}
  });

上面的代码在现代浏览器中运行良好，但InternetExplorer7&8在第0行返回堆栈溢出错误。有没有其他方法可以替换列表中img的src，而不会在ie上出现以上错误？

提前谢谢。

像这样尝试

$(document).ready(function(){
    $("#slide > li > img").each(function(){ 
        var t = $(this);
        var src = t.attr('src');
        if(!src || typeof(src)!=='string') return;
        t.attr('src',src.replace('/thumbs/','/large/'));
    }); 
});

试试这个

$(window).load(function(){
$("#slide li img").each(function(){
$(this).attr("src",$(this).attr("src").replace("thumbs","large"));
});
});
相关文章：