在元素之前附加li

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

试试这个

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


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

Answer 2

wrap可以做到这一点：

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

然而，我无法想象一个有效的结构。 div无效（因为您不能div作为ul，ol或menu的直接子项，或者一次你将li放入，它的无效（因为li 必须是ul的直接子，{{1} }，或ol）。

Answer 3

不要尝试追加..

创建独立的LI并将其包装在div上。

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


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

Answer 4

我认为这应该是这样的：

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