-1 
 <div>
     <a id="_a-link" href=""><img src="/local/img/image1.png" alt=""/></a>
 </div>

その画像リンクについては、次のjqueryコードを試して、その画像ソース属性を次のように変更します。

 <div>
     <a id="_a-link" href=""><img src="/local/img/image2.png" alt=""/></a>
 </div>


$('#_a-link img').attr('src','');
$('#_a-link img').attr('src','/local/img/image2.png');

ただし、結局表示される画像は同じです。image2.pngではなくimage1.pngです。

4

3 に答える 3

6

タイプミスがあります：

$('#_a-link img').attr('src','');
$('#_a-link img').attr({'src':'/local/img/image2.png', 'alt': ''});

また、セレクターで間違っています。AFAIK、「＃IDTAGNAME」セレクターはかなり長く機能します。彼らはすべてのimgを取得し、次にそれぞれのDOMの2階を歩いて、IDを持つノードを見つけます。必要な画像にクラスを追加するか、使い捨ての画像IDであることが予想される場合に追加することをお勧めします。

したがって、最適化された最適な方法は次のとおりです。

<a whatever here><img src="#" class="imgClass" /></a>
$(".imgClass");
于 2012-11-15T10:37:12.133 に答える
0

あなたが投稿したコードはscr;を使用しています。それはあるべきですsrc：

 <div><a id="_a-link" href=""><img src="/local/img/image2.png" alt=""/></a>
 </div>

$('#_a-link img').attr('src','/local/img/image2.png');

最初に空白にする必要はありません。またalt、別の呼び出しにする必要があります（これも変更する必要がある場合）。

編集（以下のコメントに基づく）：

このコードを使用するjsFiddleは次のとおりです：http：//jsfiddle.net/h4tf6/

ご覧のとおり、問題なく動作します。問題がある場合は、コードの他の場所でエラーが発生している可能性があります。

于 2012-11-15T10:38:12.647 に答える
0

これを試して：

$('#_a-link img').attr("src").replace("/local/img/image1.png", "/local/img/image2.png");
于 2012-11-15T11:27:08.607 に答える