jquery历遍图片增添内容

2012-09-10

jquery历遍图片添加内容代码如下，我想在classtest里面的内容每个图片src的地址前加上一个网址比如：src

jquery历遍图片添加内容
代码如下，我想在class="test"里面的内容每个图片src的地址前加上一个网址比如：src="www.csdn.net/Public/images/bottom1.jpg">

HTML code

<SCRIPT type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></SCRIPT>  <title>无标题文档</title><script type="text/javascript">    $(document).ready(function () {        $("button").click(function () {            $("img").each(function () { //这里不能只用img，因为我网页里面还有其它的图片的，只以这个来历遍的话就不行了。                //alert($(this).attr("src"))            });        });    });</script></head><body><button>SRC加上网址</button><div class="test">  <LI class=li_1><IMG alt="" src="Public/images/bottom1.jpg"></LI>  <LI class=li_2><IMG alt="" src="Public/images/bottom3.jpg"></LI>  <LI class=li_2><IMG alt="" src="Public/images/bottom2.jpg"></LI>  <LI class=li_2><IMG alt="" src="Public/images/bottom4.jpg"></LI>  <LI class=li_2><IMG alt="" src="Public/images/bottom5.jpg"></LI>  <LI class=li_3><IMG alt="" src="Public/images/bottom6.jpg"></LI></div></body></html>

[解决办法]

JScript code

<script type="text/javascript">  $(document).ready(function () {    $("button").click(function () {      $(".test li img").each(function(){        var stringObj=this.src        $(this).attr("src",stringObj.replace(/Public/, "www.csdn.net/Public"));      });    });  });</script>
[解决办法]
楼上朋友的也是正确的，如果你只是想针对特定的目录做替换，那楼上朋友的就可以了
但如果你想增加后可以指向其他的网站的话，就需要做点小改动
$("button").click(function () {
     $(".test li img").each(function(){
           var _src=$(this).attr("src");
           $(this).attr("src","http://www.csdn.net/"+_src);
     });
   });

热点排行

JavaScript

jquery历遍图片增添内容