我已经从外部源解析了一个 JSON 到 HTML 页面,我将它与一个 div 标签和一个 div 标签的 ID 一起传递给它说“x”。
<div id = "x">
[{"root":"root1","group":"L1","subgroup":"L1.1","Dollar.Value":1000,"Color.Name":"WHITE","Transparency":0.5763},{"root":"root2","group":"L1","subgroup":"L1.2","Dollar.Value":4000,"Color.Name":"RED","Transparency":0.1836}]
</div>
我现在需要单独访问每个元素以满足我的进一步要求。 一个例子是 root(2) 需要返回 root2 另一个例子是 Dollar.Value(2) 需要返回 4000
任何有关如何实现相同目标的线索都将不胜感激。
非常感谢!
最佳答案
解析div字符串需要:
var json_text=$('#x').html(); //read div content
var json=$.parseJSON(json_text); //parse content to JSON
对于 jet Dollar.Value(2)
json[1]['Dollar.Value'] //not json[1].Dollar.Value
如果需要读取所有的json元素:
var json_text=$('#x').html();
var json=$.parseJSON(json_text);
for(var key in json){
var element=json[key];
for(var el in element){
console.log(el+' => '+element[el]);
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<div id = "x">
[{"root":"root1","group":"L1","subgroup":"L1.1","Dollar.Value":1000,"Color.Name":"WHITE","Transparency":0.5763},{"root":"root2","group":"L1","subgroup":"L1.2","Dollar.Value":4000,"Color.Name":"RED","Transparency":0.1836}]
</div>
关于jquery - 访问 HTML 中的单个 JSON 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50202309/