How to add html content with another html content using jquery

Question

var productInfo= $('#product-info'+PID).html();  
console.log(productInfo); // this works fine
        var pinfoID='padded-info'+PID; // this is okay

now I want to wrap product info as follows:

   productInfo='<li id="'+pinfoID+'">
                          <div class="alert alert-success">
                            <button type="button" class="close" >×</button>
                            <strong>'+productInfo+'</strong> 
                        </div>
                 </li>';

But it does not works. What is wrong am I doing?

Can you should your full code please?

Varun
– Varun

2015-07-05 09:45:28 +00:00
Commented Jul 5, 2015 at 9:45 — Varun
– Varun, Commented Jul 5, 2015 at 9:45

guest271314 · Accepted Answer · 2015-07-05 09:51:27Z

2

Appear to be redefining productInfo ? Try providing different variable name to final html fragment

   var productInfoHtml = '<li id=' + pinfoID + '>'
                          + '<div class=alert alert-success>'
                          + '<button type=button class=close>×</button>'
                          + '<strong>' + productInfo + '</strong>' 
                          + '</div></li>';

edited Jul 5, 2015 at 9:51

answered Jul 5, 2015 at 9:45

guest271314

1

Sign up to request clarification or add additional context in comments.

1 Comment

Abdus Sattar Bhuiyan Over a year ago

Uncaught SyntaxError: Unexpected token ILLEGAL near '<li id="'+pinfoID+'">

Collectives™ on Stack Overflow

How to add html content with another html content using jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related