javascriptjqueryjquery-selectors

Insert html using jquery .html()


I want to insert a large chunk of html into a pre-existing <td>. I am using this method:

 $("td#content").html(LOTS_OF_HTML_CODE_HERE);

But it doesn't work. I am a noob, there are a lot of quotes and ' within the HTML chunk that seems to be breaking it. What is the correct method for doing this?


Solution

  • I would suggest unifying the html into one string... like so.

    htmlStr = "";
    htmlStr += "<p>some paragraph";
    htmlStr += "<p>another paragaraph</p>";
    
    $("#content").html(htmlStr);
    

    this way you can see where your html is breaking down and it adds a lot of readability to javascript created content.

    Also...

    if there is content in this TD that you'd like to keep, I would use the append() jquery method.


    the jquery documentation is your best friend!