javascript - 数据属性列表到数组

标签 javascript arrays custom-data-attribute

我有:

<img id="img" data-list="['image2.jpg', 'image3.jpg', 'image4.jpg']" src="image1.jpg">

如何将数据列表中列出的图像添加到数组变量中?

最佳答案

img 中获取数据,将其格式化为 JSON,并使用 JSON#parse 将其转换为数组:

var img = document.querySelector('#img');
var array = JSON.parse(img.dataset.list.replace(/'/g, '"'));

console.log(array);
<img id="img" data-list="['image2.jpg', 'image3.jpg', 'image4.jpg']" src="image1.jpg">

关于javascript - 数据属性列表到数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47260086/

相关文章:

javascript - 如何使用用户输入动态传递数据集属性?

javascript - 如何使用类名作为选择器来获取类成员的数据属性?

javascript - 如何在 Bootstrap pincode-input.js 中显示 PIN/密码

javascript - 将第三方脚本导入 React

javascript - 百分比计算不适用于我的 php

python - 将 numpy 数组中的元素四舍五入为另一个数组中相同索引的个数

自动计算字符串中连续字母的JavaScript函数

php - 使用动态导航多维数组

javascript - TypeScript:将 JQuery 子级作为数组访问

jquery - 如何在 HTML 元素中设置数据属性