如何使用js或jq批量把图片的属性赋值给src?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

如何使用js或jq批量把图片的属性赋值给src?

2016-05-30 14:23:05 2087 1

举个栗子:

<img data-face="01.jpg" src="plancehold.jpg"/>
...
<img data-face="02.jpg" src="plancehold.jpg"/>
...
...
<img data-face="03.jpg" src="plancehold.jpg"/>
...
<img data-face="04.jpg" src="plancehold.jpg"/>
<img data-face="05.jpg" src="plancehold.jpg"/>
...
<img data-face="06.jpg" src="plancehold.jpg"/>
...为中间间杂着若干标签或内容,现在要用js把自己的data-face的值附给自己的src属性,大道如下效果:

<img data-face="01.jpg" src="01.jpg"/>
...
<img data-face="02.jpg" src="02.jpg"/>
...
...
<img data-face="03.jpg" src="03.jpg"/>
...
<img data-face="04.jpg" src="plancehold.jpg"/>
<img data-face="05.jpg" src="plancehold.jpg"/>
...
<img data-face="06.jpg" src="plancehold.jpg"/>
还有这种效果:

<img data-face="01.jpg" src="01.jpg"/>
...
<img data-face="02.jpg" src="02.jpg"/>
...
...
<img data-face="03.jpg" src="03.jpg"/>
...
<img data-face="04.jpg" src="04.jpg"/>
<img data-face="05.jpg" src="05.jpg"/>
...
<img data-face="06.jpg" src="06.jpg"/>

两种方法分别怎么写?

取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:20:33
    var imgs=$("img[data-face]");
        imgs.each(function(num,e){
            var _this=$(this);
            _this.attr("src",_this.data("face"));
    0 0
相关问答

1

回答

【OSS】使用Browser.js SDK时如何运行示例工程?

2022-01-19 17:22:08 2045浏览量 回答数 1

0

回答

阿里云封装的C SDK能否改变重连线程的每次重连的时间?

2022-01-17 15:41:32 192浏览量 回答数 0

0

回答

CC2530单片机使用DS18B20温度传感器如何将数据接入阿里云物联网平台

2021-04-26 22:18:22 400浏览量 回答数 0

2

回答

串口摄像头是否可以通过MQTT协议传JPG图片(800*600)到阿里云物联网平台?

2020-10-07 07:03:16 1400浏览量 回答数 2

1

回答

rm-uf650s3fgrl7c2c7s 数据库进行重启后 数据库状态很长时间一直处于重启中

2018-10-03 08:46:15 405浏览量 回答数 1

1

回答

js怎么把图片变清晰

2018-05-10 19:59:20 1876浏览量 回答数 1

2

回答

阿里oos.图片如何批量加水印?

2018-05-07 19:03:46 2027浏览量 回答数 2

0

回答

苹果内嵌网页app 出现图片错乱 求发现

2016-06-27 14:42:52 1978浏览量 回答数 0

1

回答

怎么样用js可以调起浏览器把网页上的图片下载下来?

2016-03-11 17:42:59 1821浏览量 回答数 1

1

回答

JS控制图片等比例缩放的代码

2014-04-06 08:57:10 7737浏览量 回答数 1
2709
文章
6591
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载