jquery - jquery无法添加子列表要附加的标签标签

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 无关。您不能在ul元素中使用p元素，大多数浏览器在看到元素已使用p时会关闭该元素。ul