jquery - 为什么 JQuery 会创建冗余带有这个 html 字符串的元素？

Question

我已经在 J​​Queryappend和JQuery 中尝试过，但是这两种方法都会在元素之前和之后html产生一对空的，给定这个字符串：<p></p><table>

'<p>Blah blah my table below:</p><p><table><thead><tr><th>Col 1</th><th>Col 2</th><th>Col 3</th></tr></thead><tbody><tr><td>1</td><td>H</td><td>B</td></tr><tr><td>1</td><td>P</td><td>B</td></tr><tr><td>3</td><td>H</td><td>A</td></tr></tbody></table></p>'

您可以通过检查这个小提琴的结果面板中的元素来看到这一点：http: //jsfiddle.net/KCrrV/。

这些空<p></p>从哪里来？

Answer 1

Table不能在p标签里面。

所以你empty p在顶部和底部得到标签

例子

<p> // Browser makes it <p></p>
<table>.....</table>
</p> // Browser makes it <p></p>

P 元素代表一个段落。它不能包含块级元素（包括 P 本身）。

http://www.w3.org/TR/html401/struct/text.html#h-9.3.1