Question

我有这个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中附加div但是dosnt wrapp dataTables_paginate div。

Answer 1

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

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

Answer 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"}));

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

Answer 3

使用jquery wrap函数。

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

将div附加为ul

3 个答案: