使用jQuery，如何更改每个src的多个图像？

我想用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>

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

第二张图片：

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

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

和我的jQuery代码：

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

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

$（文档）.ready（函数（）{
$（'.go_big'）。单击（函数（）{
var new_img=$（'a[href*=“ggpht.com”]'）。attr（'href'）。replace（'s1600-h'，'s1600'））
$（'a[href*=“ggpht.com”]>img'）.attr（{src:new\u img，宽度：''，高度：'}）
});
});

如果单击“.go_big”，则从“A”标记加载href地址。 更改'a>img的地址为'a'标签的地址。 如何更改图像的地址

谢谢你的阅读

（很抱歉，我的英语不流利。）

使用

.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:''});
}

---

你可以这样做。您可以在链接上使用

.each（）

。在

.each（）

回调中，您获得href并计算新的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>

$（文档）.ready（函数（）{
$（'.go_big'）。单击（函数（）{
$（'a[href*=“ggpht.com”]'）。每个（函数（）{
var new_img=$（this.attr（'href'）.replace（'s1600-h'，'s1600'）；
$（this.find（“img”）.attr（{src:new_img，宽度：''，高度：'}）；
});
});
});

使用每个标签循环所有锚定标签，并从中获取新的图像链接。现在找到它里面的图像链接并改变它的来源。 试试这个

---

尝试用我的代码替换你的代码

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

$（文档）.ready（函数（）{
$（'.go_big'）。单击（函数（）{
$（'a[href*=“ggpht.com”]'）。每个（函数（）{
var new_img=$（this.attr（'href'）.replace（'s1600-h'，'s1600'）；
$（this.find（'img'）.attr（{src:new_img，宽度：''，高度：'}）；
});
});
});

使用

.each（）

循环所有选定的元素。@user1479606为什么这很重要？这与OP的原始代码没有任何不同。明白了。我不知道HREF在每个方面都不一样。哦，谢谢。我从你的回答“每个”方法中得到了很大的暗示。好!！