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

Question

我想在以下示例中使用 js将拇指替换为大

从：

<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;
}
  });       

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

提前致谢。

Answer 1

像这样试试

$(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/'));
    }); 

});

Answer 2

试试这个

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