jquery - How to add dynamic generated HTML at a certain place -

jquery - How to add dynamic generated HTML at a certain place -

i trying generate html .

<div class="order-listdetails-wrap"> <div class="ordertitle">popcorn - 250g</div> <div class="ordercont"> <div class="img"><img src="images/img_popcorn.jpg"/></div> <div class="orderprice"> <p>rs: <span>145</span></p> <p>qty: <span>1</span></p> <ul> <li>butter extra</li> <li>butter extra</li> </ul> </div> </div> </div>

the values of <li> tags under <ul> tags dynamic

i trying accomplish above using below procedure

// code generating ul , li tags .

var uitaghtml = $('<ul>'); (var k = 0; k < toppgs.length; i++) { uitaghtml.append('<li>' + toppgs[k] + '</li>') } uitaghtml.append('</ul>'); // code of above html without ul li tags var itemcart = '<div class="order-listdetails-wrap"> \ <div class="ordertitle">' + name + '</div> \ <div class="ordercont"> \ <div class="img"><img src="' + image + '"/></div> \ <div class="orderprice"> \ <p>rs: <span>' + cost + '</span></p> \ <p>qty: <span>' + quantity + '</span></p> \ </div> \ </div> \ </div>'; divhtml.append(itemcart);

could please help how add together dynamic generated html other dynamic generated css @ place .

i believe understand. quite close. check out modification here:

var uitaghtml = '<ul>'; (var k = 0; k < toppgs.length; i++) { uitaghtml += '<li>' + toppgs[k] + '</li>'; } var itemcart = '<div class="order-listdetails-wrap"> \ <div class="ordertitle">' + name + '</div> \ <div class="ordercont"> \ <div class="img"><img src="' + image + '"/></div> \ <div class="orderprice"> \ ' + uitaghtml + '</ul> \ </div> \ </div> \ </div>'; divhtml.append(itemcart);

since itemcart variable string, changed uitaghtml string , inserted wanted items listed. closing ul tweaked in string 1 less concatenation.

jquery html