使用jquery添加到img中的src



我需要更改这个:

<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是我唯一有能力的东西。

试试这个

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

您可以将字符串附加到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>

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

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

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

假设您有一个名为image1 的图像

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

使用

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

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

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

有了图像的id和类名,您可以在上层DOC元素类的帮助下选择

最新更新