Question

怎么用js给某一个页面中某一个div里面所有图片加上后缀例如

<div class="show_box">
<p><img src="http://www.baidu.com/news/20190514/dzngn1po2bp.jpg" alt="" /></p>
<p><img src="http://www.baidu.com/news/20190514/k14qbtkepfe.png" alt="" data-pinit="registered" /></p>

就是给show_box 这个容器里面的所有图片后缀后面再加上一些我自己设定字符
例如这样 .jpg?644897878

Answer 1

引入这个版本的 jq    jquery3.2.1

$(".show_box img").each(function(i){
 let imgsec=$(this).attr("src");
$(this).attr("src",imgsec+"?id=644897878");
});

以上代码 帮你亲测可以用。希望一定要采纳！下面是结果。

Answer 2

$(".show_box img").each(function(){
var imgsec=$(this).attr("src");
$(this).attr("src",imgsec+"?id=123456");
});
//记得引用jq

追问

是这样子放到html页面上面?好像不起作用？
引用了jquery-1.8.3.min.js

$(".show_box img").each(function(){
var imgsec=$(this).attr("src");
$(this).attr("src",imgsec+"?id=123456");
});

追答

可以啊，刚刚测试了一下，我都已经加上去了

效果：

页面代码