javascript - 在元素前添加 li

Question

我想使用 jQueryli在如下元素之前附加一个：起初它是：

<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无效（因为您不能将 adiv作为 a 、 或 的直接子代ul）ol，menu要么一旦放入li，它就无效（因为必须是 a 、 或 的直接子代）。li ulolmenu

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