如何在jquery </li> </ul>中的<li>标记之前添加<ul>标记

Question

现在输出就像那样

 <li id="socialprofiles-2" class="widget social-profiles">
       <a href="http://www.facebook.com"></a>
       <a href="http://www.yahoo.com"></a>
 </li>

但我需要这样做

 <ul>
 <li id="socialprofiles-2" class="widget social-profiles">
       <a href="http://www.facebook.com"></a>
       <a href="http://www.yahoo.com"></a>
 </li>
 </ul>

我不知道如何在Jquery

中做到这一点

Answer 1

使用wrap功能：

$('#socialprofiles-2').wrap('<ul />');

Working Example （您必须使用Firebug来检查新添加的ul元素）

Answer 2

您可以使用jQuery的.wrap()方法将所选元素与另一个元素包装在一起。在您的情况下，您可以通过其ID：

选择li

$("#socialprofiles-2").wrap("<ul />");