在元素之前附加li

时间:2013-02-25 11:47:42

标签: javascript jquery list

我想使用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>

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

4 个答案:

答案 0 :(得分:3)

试试这个

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


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

答案 1 :(得分:1)

wrap可以做到这一点:

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

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

答案 2 :(得分:0)

不要尝试追加..

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

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


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

答案 3 :(得分:0)

我认为这应该是这样的:

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