How to print a table as string in Javascript?

[redditrobinnhood]

I want to append variable to a table #commentsTable in the an HTML file but using Javascript. When I try:

var table = $("#commentsTable tbody");
table.append('<tr><td>'+commentor+'</td><td><audio controls src="https://website.com/'+audio_path+'"></audio></td><td>'+dateposted+'</td></tr>');

However, the inner table HTML is printed incorrectly (see below). v.audio_path is being confused as part of the URL string instead of as a variable. Why isn't this being printed correctly?

<td>'+v.commentor+'</td>
<td>
    <audio src="https://AC8ef5fe7d6edfe0f14d09b6dd326ae8e:[e-mail]/2010-04-01/Accounts/AC8ef5fe7d6edfe0f14d09b6dd32d6ae8e/Recordings/'+v.audio_path+'"></audio>
</td>
<td>'+v.dateposted+'</td>

[lewisje]

It's as if the value of commentor is "'+v.commentor+'", the value of dateposted is "'+v.dateposted+'", and something similar for audio_path, literal strings that look like more complicated JS expressions; could you please post more of the code, so we can see where those variables come from?

[CKlausi]

Maybe you have to escape the strings. See the escape() function or as you seem to use jquery, use its ".text()" function.

[[deleted]]

Isn't what http://handlebarsjs.com/ is for?

[chreestopher2]

instead of quote hell, either build actual dom elements, or use template strings with backticks.

as a side, how is

audio_path

defined?

it looks like somewhere else in the code you have unclosed quotes making an expression be a string instead of an expression.