jquery历遍图片增添内容

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

HTML code

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

[解决办法]

JScript code

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

jquery历遍图片增添内容

热点推荐