jquery 无法将子列表 <ul> 标签添加到附加的 <p> 标签

Question

我尝试将一些子标签插入 <div>像这样的标签:

$('#div1')
.append('<p style="float:left;width:82%;">blablablalb <ul><li>llist item</li><li>another list item</li></ul></p>');

<div id="div1"></div>

我得到这个结果:

<div id="div1">
   <p style="float:left;width:82%;">
       blablablalb 
   </p>
   <ul>
      <li>llist item</li>
      <li>another list item</li>
   </ul>
   <p></p>
</div>

但我希望代码能够按照 .append 参数中所写的那样进行分层。 IE。该列表应位于 <p> 内元素而不是之后。

有办法做到这一点吗？

http://jsfiddle.net/jPEWW/

Answer 1

其实这与jQuery无关。您不能在 p 元素中使用 ul 元素，大多数浏览器在看到 ul 时都会关闭 p 元素> 元素已被使用。