追加李

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>');