Javascript html数据属性中的高级数据结构
我很高兴这个世界的存在 我可以将一个简单的字符串写入html属性,并通过jquery访问它们 但是。。。。除了一个简单的字符串,还有更多的字符串不是很好吗 没有办法将JSON编码到这些数据属性中Javascript html数据属性中的高级数据结构,javascript,jquery,html,Javascript,Jquery,Html,我很高兴这个世界的存在 我可以将一个简单的字符串写入html属性,并通过jquery访问它们 但是。。。。除了一个简单的字符串,还有更多的字符串不是很好吗 没有办法将JSON编码到这些数据属性中 在我当前的用例中,我需要在html5数据属性中存储一个字符串列表。您可以将json作为字符串放在data属性中,并使用json.parse()获取它 <div id ="test" data-something='{"something":"something"}'></div&
在我当前的用例中,我需要在html5数据属性中存储一个字符串列表。您可以将json作为字符串放在
data
属性中,并使用json.parse()
获取它
<div id ="test" data-something='{"something":"something"}'></div>
您可以参考代码段以了解相同的信息
var someObject=$(“#测试”).data(“学生”);
var jsonData=JSON.stringify(someObject);
$('#display').text(“id:+someObject.id+”名称:+someObject.name)
log(someObject);
console.log(jsonData)代码>
似乎您可以使用JSON.stringify
$(“#ele”).attr('data-example',JSON.stringify(新数组('1','2'));
console.log($(“#ele”).attr('data-example')代码>
您可以在数据-
属性中存储JSON字符串。
函数onPClick(evt){
var special=evt.target.getAttribute('data-special');
如果(特殊!=null){
试一试{
log(“JSON”,JSON.parse(特殊));
}捕获(错误){
控制台日志(“标准”,特殊);
}
}否则{
console.log(“NULL”);
}
}
var ps=document.getElementsByTagName(“p”);
对于(var pi=0;pi
我很特别
我很特别
我很特别
您不能以其他方式在JavaScript中嵌套此列表吗?这不是很好的分离关注点…你的意思是像$(“#ele”).attr('data-example',JSON.stringify(新数组('1','2'))
?JSON字符串不起作用吗?比如JSON.Stringify(Object)。你能告诉我如何从jquery访问这个字典吗。到目前为止,我认为我得到了一个简单的字符串。请参阅评论中对您问题的更新答案
var somethingObject = $("#test").data("something");
var jsonSomethingObject = JSON.stringify(somethingObject);
console.log(somethingObject); //this will print the main javascript object
console.log(jsonSomethingObject);// this will print stringify javascript object