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

Question

So I wanna print an object to my page and I have no idea how to write the code in JS so that on my page it prints multiple divs for each object.

What I wanna do is insert this

<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>

into this java script function

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

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

Thank you in advance for your time.

Answer 1

best way to do this is using template literal which is supported by ES6. if you want to use it in older browser you should use 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>`)

also there is ES5 code for it.

 $("#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>");