0

我想用 jQuery 更改我的图像的 src，但图像不是一个。多个图像。

请看我的代码。

第一张图片：

<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>

第二张图片：

<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's address is 'A' tag's address。如何更改图像的地址？

谢谢你的阅读。

（对不起，我的英语不是很流利。）

4

4 回答 4

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 回答
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 回答