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

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>元素内，而不是在。{/ p>之后

有办法吗？

http://jsfiddle.net/jPEWW/

Answer 1

实际上这与jQuery无关。您无法在ul元素中使用p元素，大多数浏览器会在p元素被使用后关闭ul元素。