Я пробовал это с помощью append
и html
в JQuery, но оба метода создают пару пустых <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>
?
Table
не может находиться внутри p
тегов.
Таким образом, вы получаете empty p
теги empty p
вверху и внизу
пример
<p> // Browser makes it <p></p>
<table>.....</table>
</p> // Browser makes it <p></p>
Элемент P представляет собой абзац. Он не может содержать элементы уровня блока (включая сам P).