Question

我需要在div标签中替换图像src列表。例如：

<!-- language-all: lang-html -->  
<div id="Listofimages">
    <img src="images\2page_img_3.jpg">
    <img src="images\2page_img_3.jpg">
    <img src="images\2page_img_3.jpg">
</div>

所以我想在这里更改这3个图像源。

Answer 1

你可以这样做：

$('#Listofimages img').eq(0).attr('src', 'new_image_1');
$('#Listofimages img').eq(1).attr('src', 'new_image_2');
$('#Listofimages img').eq(2).attr('src', 'new_image_3');

Answer 2

另一个演示 http://jsfiddle.net/ac52D/

好读：http://api.jquery.com/prop/

小解释：

下面的代码会将img内的所有div标记带为Listofimages，并更改其img src。

该演示包含警报之前和之后。

希望这有帮助，

<强>码

var src = "google.com";
$('#Listofimages img').each(function(){
         alert("IMG Source before change => " + $(this).prop('src'));
         $(this).prop('src', src);
        alert("IMG Source After change => " + $(this).prop('src'));
    }
);

<强> HTML

 <div id="Listofimages">
     <img src="images\2page_img_3.jpg"/>
     <img src="images\2page_img_3.jpg"/>
     <img src="images\2page_img_3.jpg"/>
</div>

Answer 3

您可以轻松地完成以下操作：

您的HTML

<div id="Listofimages">
    <img src="images\2page_img_3.jpg">
    <img src="images\2page_img_3.jpg">
    <img src="images\2page_img_3.jpg">
</div>

jQuery代码

var url = 'http://assets.techdreams.org/wp-content/uploads/2009/09/GoogleChromeLogo1.png';
$('#Listofimages img').prop('src', function(index, oldSource) {
    return url;
});

<强> DEMO

.prop()接受第二个参数，因为该函数的函数和参数分别为index和oldValue。

更改图像标记列表的图像源并将其替换为特定列表

3 个答案: