0

画像の src を jQuery で変更したいのですが、画像が 1 つではありません。複数の画像。

私のコードを見てください。

1枚目の画像:

<a href="http://lh6.ggpht.com/-tW5eZaAemP8/UBZ_aT66SiI/AAAAAAAAZPM/CkVqrBISveU/s1600-h/IMGP3368%25255B2%25255D.jpg" target="_blank"><img style="display: inline" title="IMGP3368
No EXIF" alt="IMGP3368" src="http://lh5.ggpht.com/-WvsxW1qf94s/UBZ_bS1pT0I/AAAAAAAAZPU/FnSwggTLHQk/IMGP3368_thumb.jpg?imgmax=800" width="640" height="426"></a>

2枚目の画像:

<a href="http://lh5.ggpht.com/-RwcbVTWo_a0/UBZ_X08TWcI/AAAAAAAAZO8/-XHPCEmam68/s1600-h/IMGP3367%25255B2%25255D.jpg" target="_blank"><img style="display: inline" title="IMGP3367
No EXIF" alt="IMGP3367" src="http://lh3.ggpht.com/-FSuZrqMVwhY/UBZ_ZMMEjUI/AAAAAAAAZPE/HAb-ACKoO8A/IMGP3367_thumb.jpg?imgmax=800" width="640" height="426"></a>

と私のjQueryコード:

<script type="text/javascript">
$(document).ready(function() {
    $('.go_big').click(function(){
        var new_img = $('a[href*="ggpht.com"]').attr('href').replace('s1600-h','s1600')
        $('a[href*="ggpht.com"] > img').attr({src: new_img, width:'', height:''})
        });
});
</script>

「.go_big」をクリックすると、「A」タグから href アドレスを読み込みます。'a > img のアドレスを 'A' タグのアドレスに変更します。それぞれの画像のアドレスをどのように変更しますか?

読んでくれてありがとう。

(すみません、私の英語は流暢ではありません。)

4

4 に答える 4

0

このようにできます。リンク先で使用.each()します。コールバック内で.each()、href を取得して新しいものを計算し、その特定のリンクの子画像を見つけて、それを に設定し.srcます。

<script type="text/javascript">
$(document).ready(function() {
    $('.go_big').click(function(){
        $('a[href*="ggpht.com"]').each(function() {
            var new_img = $(this).attr('href').replace('s1600-h','s1600');
            $(this).find("img").attr({src: new_img, width:'', height:''});
        });
    });
});
</script>
于 2013-04-04T04:47:15.497 に答える
0

each を使用してすべてのアンカー タグをループし、そこから新しい画像リンクを取得します。その中の画像リンクを見つけて、そのソースを変更します。これを試して

$(document).ready(function () {
    $('.go_big').click(function () {
        $('a[href*="ggpht.com"]').each(function (index, element) {
            var elm = $(this),
                new_img = elm.attr('href').replace('s1600-h', 's1600');
            elm.find('img').attr({
                src: new_img,
                width: '',
                height: ''
            })
        });
    });
});
于 2013-04-04T04:47:22.163 に答える
0

あなたのコードを私のコードに置き換えてみてください。

<script type="text/javascript">
$(document).ready(function() {
    $('.go_big').click(function(){
        $('a[href*="ggpht.com"]').each(function(){
            var new_img = $(this).attr('href').replace('s1600-h','s1600');
            $(this).find('img').attr({src: new_img, width:'', height:''});
        });
    });
});
</script>
于 2013-04-04T05:41:37.687 に答える
0

.each()選択した各画像を更新するために使用します。

$('a[href*="ggpht.com"]').each(function() {
    var new_img = $(this).attr('href').replace('s1600-h','s1600')
    $(this).find("img").attr({src: new_img, width:'', height:''});
}
于 2013-04-04T04:42:43.180 に答える