解析div div div = json id

时间:2017-02-08 12:31:42

标签: jquery json

您好我有一个HTML文档,其中包含一些带有'id'的div。我想从JSON解析'div''id'与JSON中的id相同。

JSON:

'[{"id":c1,"value":"bla, bla"},{"id":c2,"value":"bla, bla"},{"id":c3,"value":"bla, bla"},{"id":c4,"value":"bla, bla"}]'

HTML(例如)

<h1>
    <div id="c4"></div>
    <div id="c1></div>
    <p>Bla, bla, bla</p>
    <div id="c3"></div>
    <div id="c2"></div>

如何将值替换为正确的div id?

1 个答案:

答案 0 :(得分:0)

尝试那样,

$(document).ready(function(){
var a=[
{"id":"c1","value":"bla, bla"},
{"id":"c2","value":"bla, bla"},
{"id":"c3","value":"bla, bla"},
{"id":"c4","value":"bla, bla"}
];
for(var i=0;i<a.length;i++)
{
    $('#'+a[i].id).html(a[i].value)
}
})

https://jsfiddle.net/Praveent696/srah2vgb/