附加一个 div 作为 ul 的父级答案

【问题标题】：Append a div as a parent of an ul附加一个 div 作为 ul 的父级
【发布时间】：2015-10-03 03:51:50
【问题描述】：

我有这个 html。

<div class="col-xs-6">
 <div class="dataTables_paginate">
  <!-- some content here -->
 </div>
</div>

有了这个，我想在dataTables_paginate 的顶部添加一个新的 div，这样新的 html 就会像这样。

<div class="col-xs-6">
  <div class="ui menu pagination">
     <div class="dataTables_paginate">
       <!-- some content here -->
     </div>
   </div>
</div>

如果我尝试使用

$('.dataTables_paginate').parent().append('<div class="ui pagination menu"></div>')

这会附加 div，但不会将 dataTables_paginate div 包装在新附加的 div 内。

【问题讨论】：

标签： javascript jquery html append

【解决方案1】：

您可以为此使用 jQuery wrap 函数。试试这个代码：-

$('.dataTables_paginate').wrap('<div class="ui pagination menu"/>');

【讨论】：

【解决方案2】：

因为你只想添加一个新的父级使用wrap()：

$('.dataTables_paginate').wrap('<div class="ui pagination menu"/>');

jQuery 将关闭任何由它编译的元素，因此您可以这样做：

$('.dataTables_paginate').wrap('<div class="ui pagination menu">');

甚至这个：

$('.dataTables_paginate').wrap($('<div>', {"class": "ui pagination menu"}));

如果您想将多个属性应用于新元素，最后一个版本很有用。

【讨论】：

【解决方案3】：

使用 jquery wrap 函数。

$('.dataTables_paginate').wrap('<div class="ui menu pagination" > </div>');

【讨论】：