使用jquery添加到img中的src

使用jquery添加到img中的src,jquery,src,Jquery,Src,我需要改变这一点: <img src="example.jpg" alt=""> 为此: <img src="example.jpg?width=500" alt=""> 使用jquery,如何实现这一点,因为我不想覆盖src, 但只要加上这个?宽度=500位 我的代码总体上如下所示: <div class="img-wrap"> <p><a href="link">Link to something</a>

我需要改变这一点:

<img src="example.jpg" alt="">
为此:

<img src="example.jpg?width=500" alt="">
使用jquery,如何实现这一点,因为我不想覆盖src, 但只要加上这个?宽度=500位

我的代码总体上如下所示:

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

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

</div>
编辑 好的,很抱歉我没有指定,但我无法对img标签进行任何更改。
映像是从后端生成的。div,是我唯一有权使用的东西。

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

编辑: 如果您只能控制div,则向其添加id

$click-me.onclick,函数{ $img wrapper>img.attrsrc,$img wrapper>img.attrsrc+?s=20; }; 点击我!
您可以将字符串附加到src属性中

编辑: 如果您只能控制div,则向其添加id

$click-me.onclick,函数{ $img wrapper>img.attrsrc,$img wrapper>img.attrsrc+?s=20; }; 点击我!
假设您有一个名为image1的图像


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

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

<div class="img-wrap"> 
 <p><a href="link">Link to something</a></p>
 <img src="example.jpg" id="targetImage " alt=""> 
</div>
这不会覆盖img src,它只会将?width=500附加到现有属性值上。

试试这个

<div class="img-wrap"> 
 <p><a href="link">Link to something</a></p>
 <img src="example.jpg" id="targetImage " alt=""> 
</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>
试试这个

<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>
如果没有图像的id和类名,您可以在上面的文档元素类的帮助下选择



如果没有图像的id和类名,您可以在upper DOC element classes和JS代码的帮助下进行选择?我还没有找到添加到图像中的方法。这是我的问题。你的JS代码呢?我还没有找到一个添加到它的方法。这就是我的问题。这会选择每一个img,不是吗?我不能向图像添加任何ID或类。映像标记由后端系统生成。这将选择每个img,不是吗?我无法向映像添加任何ID或类。映像标记由后端系统生成。我无法向映像添加任何ID或类。图像标签是由后端系统生成的。哦,好吧……等等……让我想想另一个solution@andrelange91甚至你也可以通过简单地给出$'img'.attrsrc,img.attrsrc+?宽度来选择img=500@andrelange91你有权限在div上创建id吗?映像是由用户从后端生成的,因此,如果div img wrap有一个映像,它应该向src添加?width=500。我不能向映像添加任何ID或类。图像标签是由后端系统生成的。哦,好吧……等等……让我想想另一个solution@andrelange91甚至你也可以通过简单地给出$'img'.attrsrc,img.attrsrc+?宽度来选择img=500@andrelange91你有权限在div上创建id吗?映像是由用户从后端生成的,因此,如果div img wrap有一个映像,它应该将?width=500添加到src。我不能向img标记添加任何id或类,因为它是从后端生成的。我不能向img标记添加任何id或类,因为它是从后端生成的。我不能向img添加任何id。它是从后端生成的。这很有效:D您是第一个发现它的人,所以我在这里给出了解决方案^^很高兴帮助您:我无法向img添加任何id。它是从后端生成的。这很有效:D您是第一个发现它的人,因此我在这里给出解决方案^^很高兴帮助您:
<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-wrap img:first").attr('src', img.attr("src")+"?width=500");