psuh data to data属性
psuh data to data属性
提问于 2021-02-24 15:58:17
我想使用jQuery将数据推送到元素的数据属性。这有可能吗？
该元素如下所示：
<span id="el" data-id="[1]"></span>我想要得到
<span id="el" data-id="[1, 2]"></span>怎样才能做到这一点？我知道我可以使用$('#el').data('id'，1，2，3，4)来设置数据值；但是由于我从一个PHP文件中获取id(因此我不知道我将获得的id)，所以我猜我必须使用类似于push()的方法。
回答 2
Stack Overflow用户
发布于 2021-02-24 16:02:06
您可以使用JSON.parse()，然后添加数据并将其转换回字符串，以将其设置为数据属性
const el = document.getElementById('el');
const pushElementToData = (elm, prop, data) => {
const prevValue = JSON.parse(elm.dataset[prop]);
const newValue = prevValue.concat(data);
elm.dataset[prop] = JSON.stringify(newValue);
}
pushElementToData(el, 'id', 2);
console.log(el.outerHTML)<span id="el" data-id="[1]"></span>
Stack Overflow用户
发布于 2021-02-24 16:56:22
我不确定。这是一种好的方法吗？但它会更新属性值。
当新的id到达时，调用updateAttribute函数。
const element = document.getElementById('el');
const updateAttribute = (_element, attr, val) => {
updatedVal = JSON.parse(_element.getAttribute("data-id")).concat(val);
_element.setAttribute("data-id", JSON.stringify(updatedVal)) ;
console.log(_element)
}
updateAttribute(el, 'data-id', 2);<span id="el" data-id="[1]"></span>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66346784
复制相关文章
相似问题
腾讯云开发者
