使用 jquery 添加到 img 中的 src答案

【问题标题】：add to src in img with jquery使用 jquery 添加到 img 中的 src
【发布时间】：2017-03-14 08:03:46
【问题描述】：

我需要改变这个：

<img src="example.jpg" alt="">

进入这个：

<img src="example.jpg?width=500" alt="">

使用 jquery，如何实现，因为我不想覆盖 src，但只需添加那个 ?width=500 位。

我的代码看起来大致是这样的：

<div class="img-wrap"> 
     <p><a href="link">Link to something</a></p>

     <img src="example.jpg" alt=""> 

</div>

编辑好的，对不起，我没有指定，但我无法对 img 标签进行任何更改。图像是从后端生成的。 div，是我唯一可以控制的东西。

【问题讨论】：

你的 JS 代码呢？
我还没有找到添加它的方法。这是我的问题。

标签： jquery src

【解决方案1】：

试试这个

<script>
  $(".img-wrap p img")[0].src += "?width=500";
</script>

<div class="img-wrap">
  <p><a href="link">Link to something</a>
  </p>
  <img src="example.jpg" alt="">
</div>

【讨论】：

我无法向 img 添加任何 ID。它是从后端生成的。
这行得通 :D 你是第一个弄明白的，所以我在这里给出解决方案^^
很高兴为您提供帮助:)

【解决方案2】：

您可以将字符串附加到 src 属性中。

编辑：

如果您只能控制div，请向其添加 add id。

$("#click-me").on("click", function(){
    $("#img-wrapper>img").attr("src", $("#img-wrapper>img").attr("src") + "?s=20");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="img-wrap" id="img-wrapper"> 
     <p><a href="link">Link to something</a></p>
     <img src="https://www.gravatar.com/avatar/7164662/38b30efb16b3d9eb8cc2737a872a79f0" alt="" /> 
     <button id="click-me" type="button">Click Me!</button>
</div>

【讨论】：

我无法将任何 id 或类添加到 img 标签，因为它是从后端生成的。

【解决方案3】：

<div class="img-wrap"> 
 <p><a href="link">Link to something</a></p>
 <img src="example.jpg" id="targetImage " alt=""> 
</div>

为要在 jquery 中选择的图像添加 id 并使用 attr 可以将文本添加到图像 src 中，如下所示

var img= $("#targetImage");
img.attr("src", img.attr("src")+"?width=500");

【讨论】：

我无法向图像添加任何 id 或类。图片标签由后端系统生成。
哦，好吧......然后等等......让我想想另一个解决方案
@andrelange91 即使你可以通过简单地给出 $('img').attr("src","img.attr("src")+"?width=500") 来选择 img
@andrelange91 你有权限在 div 上创建 id 吗？
图像是由用户从后端生成的，所以如果 div "img-wrap" 有图像，它应该在 src 中添加 ?width=500。

【解决方案4】：

假设你有一张名为image1的图片

<img src="example.jpg" alt="" id="image1">

使用

$('#image1').attr('src') = $('img').attr('src') + '?width=500' ;

这不会覆盖 img src，它只会将 ?width=500 附加到现有属性值。

【讨论】：

这会选择每一个图像，不是吗？
我无法向图像添加任何 id 或类。图片标签由后端系统生成。

【解决方案5】：

$("#img-wrap img:first").attr('src', img.attr("src")+"?width=500");

没有图像的 id 和类名，您可以借助上层 DOC 元素类进行选择

【讨论】：