javascript - append 一个 div 作为 ul 的父级

Question

我有这个 html。

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

有了这个，我想在 dataTables_paginate 的顶部 append 一个新的 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>')

这会 append div，但不会将 dataTables_paginate div 包裹在新 append 的 div 中。

Answer 1

您可以使用 jQuery wrap为此功能。试试这段代码:-

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