Question

我需要改变这个：

@var

进入这个：

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

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

我的代码总体上看起来像这样：

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

修改哦，对不起，我没有指定，但我无法对img标签进行任何更改。图像从后端生成。 div，是我唯一拥有任何权力的东西。

Answer 1

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

编辑：

如果您只能控制div，请向其添加添加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>

Answer 2

试试这个

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

Answer 3

假设您有一个名为image1

的图像

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

使用

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

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

Answer 4

<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");

Answer 5

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

没有上层DOC元素类

的帮助，可以选择图像的id和类名

使用jquery添加到img中的src

5 个答案:

编辑：