如何从json创建Div及其内容

Question

我的页面中有一个“点击”按钮。点击“计数器”值会增加。

我怎么能：

1）为我的div创建json文件，如：

<div class="text1" id="1">1
    <p>
        content1
    </p>
    <audio src="sounds/audio1.mp3"></audio>
</div>
<div class="text2" id="2">2
     <p>
        content2
    </p>
    <audio src="sounds/audio2.mp3"></audio>
</div>

2）找到“id”等于counter

的div的信息

3）在每次“点击”

上创建div

http://jsfiddle.net/KFUVq/14/

Answer 1

我假设您要根据当前的计数器编号创建div。

如果是这种情况，我喜欢在jquery中使用数组创建HTML ...

所以这个

function createElement(counter){
    var newEl = [
    '<div class="text'+counter+'" id="'+counter+'">' + counter,
         '<p>',
            'content' + counter,
         '</p>',
         '<audio src="sounds/audio'+counter+'.mp3"></audio>',
    '</div>'
    ].join("");
   $("#divToAppend").append(newEl);
}

其他地方

createElement(5);