javascript - jQuery DataTables 将 div 附加到特定位置

Question

我有代码:

<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 中，并将其放置在处理部分和过滤部分之间。但追加和前置仅在 div 开始或结束内进行。

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

Answer 1

您可以尝试使用 $.after() 插入:

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