使用JQuery查找Image Class并附加它的Source

时间:2012-11-20 11:02:29

标签: jquery

我有很多图片标签,如下所示

<img class="vCSS_img_alternate_product_photo" id="alternate_product_photo_6" style="border-color:#666666;" src="/v/vspfiles/photos/ChiWahGuitar-6S.jpg" border="1" onmouseover='javascript:change_product_photo(6);return false;'>

使用Jquery我想要做的是查找其类名为 vCSS_img_alternate_product_photo 的所有Source(SRC标记),并在SRC附加http://www.mydomain.com

因此,在上面的例子中,图像src将是http://www.mydomain.com/v/vspfiles/photos/ChiWahGuitar-6S.jpg

或者它会是

<img class="vCSS_img_alternate_product_photo" id="alternate_product_photo_6" style="border-color:#666666;" src="http://www.mydomain.com/v/vspfiles/photos/ChiWahGuitar-6S.jpg" border="1" onmouseover='javascript:change_product_photo(6);return false;'>

2 个答案:

答案 0 :(得分:2)

喜欢这个吗?

$('.vCSS_img_alternate_product_photo').each(function() {
    $(this).attr('src', 'http://www.mydomain.com' + $(this).attr('src'));
});

答案 1 :(得分:0)

$(document).ready(function(){
    $(".vCSS_img_alternate_product_photo").each(function(){
        var current_src = $(this).attr("src");
        var new_src = "http://www.mydomain.com/"+current_src;

        $(this).attr("src",new_src);
    });
})