jquery更换img的src

<table id="table1" cellpadding="5" cellspacing="5">
    <tr>
        <td>
            <img alt="" src="柱形图/a.png" />
        </td>
        <td>
            <img alt="" src="条形图/b.png" />
        </td>
    </tr>
    <tr>
        <td>
            <img alt="" src="雷达图/c.png" />
        </td>
        <td>
            <img alt="" src="饼形图/d.png" />
        </td>
    </tr>
</table>
我想把src改为散点图下面的 (柱形图,条形图,雷达图,饼形图和散点图文件夹下面都有a,b,c,d的png文件)
一个一个改是可以,但我想是不是可以用优雅的方式修改(比如一条语句),这个是不是要用到正则表达式???

解决方案 »

  1.   

    <script language="javascript">
    var objarr = document.getElementById("table1").getElementsByTagName("img")
    objarr][0].src="散点图/a.png"
    objarr][1].src="散点图/b.png"
    objarr][2].src="散点图/c.png"
    objarr][3].src="散点图/d.png"
    </script>
      

  2.   

    把src改为散点图下面的是什么意思。JQUERY能直接改SRC。
    $("img").attr("src","test.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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>test</title>
    <script src="jquery-1.3.2.js"></script>
    <script>
    $(function(){
    $("img").each(function(){
    var src = $(this).attr("src");
    var temp_src = "散点图" + src.substring(src.length-6,src.length);
    $(this).attr("src",temp_src);
    });
    });
    </script>
    </head><body>
    <table id="table1" cellpadding="5" cellspacing="5">
      <tr>
      <td>
      <img alt="" src="柱形图/a.png" />
      </td>
      <td>
      <img alt="" src="条形图/b.png" />
      </td>
      </tr>
      <tr>
      <td>
      <img alt="" src="雷达图/c.png" />
      </td>
      <td>
      <img alt="" src="饼形图/d.png" />
      </td>
      </tr>
    </table>
    </body>
    </html>
    换图要用规律，正则也不是非常准确的
      

  4.   

    var temp_src = "散点图" + src.substring(src.length-6,src.length);
    --------------------------------------------------------------------不要使用这种， 可以用 indexOf 查找 / 的位置 然后截取如果你的截取规则比这复杂的话 才考虑使用正则
      

  5.   


    <script type="text/javascript">
    //<![CDATA[
    $(function(){
    $('#table1 img').each(function(i,o){
    var $o=$(this);$o.attr('src',$o.attr('src').replace(/.*\//g,'散点图\/'));
    });
    });
    //]]>
    </script>
      

  6.   

    楼上大哥的确实能更换地址
    不过我实际地址是这样的
    images/dialog/query/detail/柱形图/a.png上面的replace中怎样写才能更换成
    images/dialog/query/detail/散点图/a.png
    这样的呢??正则表达式看得一头雾水
      

  7.   


    <script type="text/javascript">
    //<![CDATA[
    $(function(){
        $('#table1 img').each(function(i,o){
            var $o=$(this);$o.attr('src',$o.attr('src').replace(/images\/dialog\/query\/detail\/.*\//g,'images\/dialog\/query\/detail\/散点图\/'));
        });
    });
    //]]>
    </script>