如何在 JS 函数中编写多个 HTML div

Question

所以我想在我的页面上打印一个对象，但我不知道如何在 JS 中编写代码，以便在我的页面上为每个对象打印多个 div。

我想做的是插入这个

<div class="cv-block">
        <div id="parent_div_1">
            obiect.firstn
            obiect.lastn
        </div>

        <div id="parent_div_2">
            obiect.date
        </div>

        obiect.message

    </div>

进入这个java脚本函数

function afisare (lista) {
var randuri = "";
lista.forEach(function (obiect) {

    randuri += ;
});
$("#obiect").html(randuri);}

提前感谢您的时间。

Answer 1

最好的方法是使用 ES6 支持的模板文字。 如果你想在旧浏览器中使用它，你应该使用 babel。

 $("#obiect").html(`<div class="cv-block"> <div id="parent_div_1"> ${obiect.firstn} ${obiect.lastn} </div> <div id="parent_div_2"> ${obiect.date} </div> ${obiect.message} </div>`)

还有它的 ES5 代码。

 $("#object").html("<div class=\\"cv-block\\">\\n <div id=\\"parent_div_1\\">\\n obiect.firstn\\n obiect.lastn\\n </div>\\n\\n <div id=\\"parent_div_2\\">\\n obiect.date\\n </div>\\n\\n obiect.message\\n\\n </div>");