通过JS动态生成HTML的内容，根据我的做法这里需要知道就几个知识点：

1.正则表达式

2.获取HTML内需要添加内容的DOM元素

3.jQuery

这里是通过jQuery来获取DOM元素，通过append方法向HTML中添加div等标签和内容。

注意JS中的 ' '  和 + 和 \n，这就需要通过正则表达式来把标签内容转换成字符串的形式，同时动态生成的内容不能用' ' 转成字符串，而是通过变量来动态获取。

同时要注意如果样式要提前在CSS中写好，如果用JS添加的话代码量会很多。

for(var i = 0; i < arr.length; i++) {
    $('.container').append(' <div class="row">\n' +
        '                <div class="content">\n' +
        '                    <div>\n' +
        '                        <p class="status">' + arr[i].name + '</p>\n' +
        '                        <p class="num">'+ arr[i].num + '号' + '</p>\n' +
        '                    </div>\n' +
        '                </div>\n' +
        '                <div class="signs">\n' +
        '                    <img src="../img/p1.4.png">\n' +
        '                </div>\n' +
        '            </div>');
}