1

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つの画像ソースを変更したいと思います。

4

3 に答える 3

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');
于 2012-06-16T06:37:25.727 に答える
1

別のデモ http://jsfiddle.net/ac52D/

よく読んでください：http://api.jquery.com/prop/

少し説明:

以下のコードは、img内部のすべてのタグdivを idで取得し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>

</p>

于 2012-06-16T06:38:19.187 に答える
1

次のように簡単に実行できます。

あなたの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;
});

デモ

.prop()は 2 番目のパラメーターを関数として受け入れ、その関数のパラメーターはそれぞれindexおよびoldValueです。

于 2012-06-16T07:12:38.707 に答える