使用jquery .html()插入html

Question

我想在预先存在的情况下插入一大块html <td>.我正在使用这种方法:

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

但它不起作用.我是一个菜鸟,有很多引号,'在HTML块中似乎打破了它.这样做的正确方法是什么？

Answer 1

我建议将html统一为一个字符串......就像这样.

htmlStr = "";
htmlStr += "<p>some paragraph";
htmlStr += "<p>another paragaraph</p>";

$("#content").html(htmlStr);

通过这种方式,您可以看到html发生故障的位置,并为javascript创建的内容增加了很多可读性.

也...

如果你想保留这个TD中的内容,我会使用append()jquery方法.

在jQuery的文档是你最好的朋友!

Answer 2

Javascript对多行字符串或HEREDOC语法没有很好的支持,但有一些解决方法.

在每行的末尾添加一个反斜杠"\",让脚本引擎知道你继续到下一行而不完成:

<script>
var my_html = '\
    <div id="my-div">\
        <span>Name:</span> Your Name\
    </div>\
';
</script>

<script>
var my_html = (<r><![CDATA[

    <div id="my-div">
        <span>Name:</span>Your Name
    </div>

]]></r>).toString();
</script>