追加李

Question

我想类似下面的元素之前使用jQuery追加li： 首先，是：

<div> 
    <div> 
     <p> content </p> 
    </div> 
</div> 

而且之后应该是：

<li> 
    <div> 
     <div> 
      <p> content </p> 
     </div> 
    </div> 
</li> 

对于我的代码它发生这种情况：

<li></li> 
<div> 
    <div> 
     <p> content </p> 
    </div> 
</div> 

这不是我想要的。我正在寻找第二个例子。请帮忙。谢谢！

Answer 1

wrap能做到这一点：

$("selector for your div").wrap("<li>"); 

然而，我不能马上想象这样的结构：这是有效的。无论是div是无效的（因为你不能有一个div作为一个ul，ol直接孩子，或menu），或者一旦你把li中，它无效的（因为li必须是直接孩子ul，ol或menu）。

Answer 2

不要尝试追加..

创建独立的LI并将其换行覆盖div。

<div id="myDiv" > 
     <div> 
     <p> content </p> 
     </div> 
    </div> 


$('#myDiv').wrap('<li>'); 

Answer 3

试试这个

<div id="here" > 
     <div> 
     <p> content </p> 
     </div> 
    </div> 


$('#here').wrap('<li>'); 

Answer 4

我想这应该是这样的：

$('p:contains(content)').parent().parent().wrap('<li>');