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

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

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

2016-05-30 14:23:05 2131 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

回答

传统的表单控件textarea元素不支持通过javascript设置readonly属性示例是什么?

2022-03-14 21:48:28 325浏览量 回答数 1

1

回答

Javascript。将数组值分配给多个变量?

2020-02-08 14:32:11 343浏览量 回答数 1

1

回答

如何通过Javascript中的值对关联数组进行排序?

2020-02-08 14:23:19 255浏览量 回答数 1

1

回答

如何在JavaScript中的多维对象/数组中查找值?

2020-02-08 14:22:41 456浏览量 回答数 1

1

回答

比较对象的JavaScript数组以获取最小/最大

2020-02-08 14:21:26 324浏览量 回答数 1

1

回答

如何在JavaScript中压缩两个数组?

2020-02-08 14:10:41 189浏览量 回答数 1

1

回答

JavaScript:检测参数是否为数组而不是对象(Node.JS)

2020-02-08 14:05:17 442浏览量 回答数 1

1

回答

Javascript中的反向数组而不更改原始数组

2020-02-06 22:47:45 1230浏览量 回答数 1

1

回答

在JavaScript中将数组解压缩为单独的变量

2020-02-07 01:18:54 291浏览量 回答数 1

1

回答

Javascript json数据与数组数据处理

2016-07-07 18:34:08 1802浏览量 回答数 1
文章
问答
问答排行榜
最热
最新
相关电子书
更多
JS 语言在引擎级别的执行过程
立即下载
编程语言如何演化—— 以 JS 的 private 为例
立即下载
Python第五讲——关于爬虫如何做js逆向的思路
立即下载