批量更改页面img标签的src地址

页面有很多img的文件名是这样<img src="*********.jpg.thumb.jpg">
我想写个js，一次性把所有img改成<img src="*********.jpg">
请高手指教

解决方案 »

  1.   

    var imgs = document.getElementsByTagName('img');
    for(var i = 0 ; i < imgs.length ; i ++){ 
        if(imgs[i].src.indexOf('thumb.jpg') != -1) imgs[i].src='*********.jpg'
    }
      

  2.   

    这样的话，不是把gif和png等图片也改掉了吗？
    我只是想过滤掉带“.thumb.jpg”后缀的图片
      

  3.   

    二楼的方法是可以的。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>无标题页</title>    <script type="text/javascript">
        function func(){
            var imgs = document.getElementsByTagName('img');
            for(var i = 0 ; i < imgs.length ; i ++){ 
                if(imgs[i].src.indexOf('未命名.jpg') != -1) 
                    imgs[i].src='http://c.csdn.net/bbs/t/5/i/pic_logo.gif'
            }
        }
        </script>
    </head>
    <body onload="func()">
        <img src="js/未命名.jpg" />
        <img src="未命.jpg" />
        <img src="js/Blue%20hills.jpg"/>
    </body>
    </html>
      

  4.   

    $("img[src=$.thumb.jpg]").attr("src","*********.jpg");批量的话，来源是一个数组？
      

  5.   

    晕，你给的例子中又没说清除,那这样：$("img[src*='jpg']").attr("src","*********.jpg");
      

  6.   

    $("img[src$=.thumb.jpg]").attr("src","*********.jpg");我刚码错了
      

  7.   


    也就是说页面所有的IMG的文件名都是随机的，即：
    <img src"随机文件名.jpg.thumb.jpg">
    要统一改成
    <img src"随机文件名.jpg">
      

  8.   

    谢谢各位的回复，把上面的代码小修改了一下，已经可以了。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript">
        function func(){
            var imgs = document.getElementsByTagName('img');
            for(var i = 0 ; i < imgs.length ; i ++){ 
                if(imgs[i].src.indexOf('thumb.jpg') != -1) 
                    imgs[i].src=imgs[i].src.replace("thumb.jpg","");            }
        }
    window.onload = func;
    </script>
    </head><body>
    <img src="1.jpg.thumb.jpg" />
    </body>
    </html>
      

  9.   

    $("img[src$=.jpg.thumb.jpg]").each(function(){
    var t=$(this),s=t.attr("src"),l=s.length;
    t.attr("src",s.substring(0,l-14));
    });
      

  10.   

    javascript版本：function JSTest()
    {
    var imgs=document.getElementsByTagName("img");
    for(var i=0;i<imgs.length;i++)
    {
     if(imgs[i].src.indexOf("thumb.jpg")!=-1){
    imgs[i].src=imgs[i].src.replace(".thumb.jpg","");
    }
    }
    }Jquery版本:function JqueryTest()
    {
    $("img[src$=.jpg.thumb.jpg]").each(function(){
    var a=$(this).attr("src");
    var b=a.substr(0,a.length-10);
    $(this).attr("src",b);
    });
    }