我需要更改这个:
<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元素类的帮助下选择