jQuery DataTables 将 div 附加到特定位置答案

【问题标题】：jQuery DataTables append div to specific placejQuery DataTables 将 div 附加到特定位置
【发布时间】：2015-08-17 12:43:01
【问题描述】：

我有代码：

<div class="addButton col-lg-6">
    <button type="button" class="btn btn-primary" data-toggle="modal">BTN</button>
</div>
<div class="table-responsive">
    <div id="PositionDataTable2_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
        <div id="PositionDataTable2_processing" class="dataTables_processing" style="display: none;">Processing...</div>
        // place where <div class="addButton"> should appear
        <div id="PositionDataTable2_filter" class="dataTables_filter"></div>
        <div class="dataTables_paginate paging_simple_numbers" id="PositionDataTable2_paginate"></div>
    </div>
</div>

我想取第一个 div，它有 addButton 类并放入 div PositionDataTable2 并将它放在处理和过滤部分之间。但是 append 和 prepend 只在 div start 或 end 内执行。

如果有人建议如何正确放置它并制作副本或这样我的按钮不会在数据表 fndestroy 上消失并重新创建，那就太好了。

【问题讨论】：

标签： javascript c# html asp.net-mvc datatables

【解决方案1】：

您可以尝试使用$.after() 插入，例如：

$(".dataTables_processing").after($(".addButton").html());

【讨论】：

很好，谢谢，我稍微改了一下，用outerHTML代替了html()，现在它可以按我的意愿工作了。 :)

【解决方案2】：

Jquerys insertAfter() 应该可以工作。试试这样的：

$('div.addButton').insertAfter('div#PositionDataTable2_wrapper');

编辑：如果您不希望第一个 addButton 消失，您可以使用 .clone()

$('div.addButton').clone().insertAfter('div#PositionDataTable2_wrapper');

【讨论】：