jQuery 数据表将 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 class 并放入 div PositionDataTable2 并将其放在处理和过滤部分之间。但是附加和前置只在 div 开始或结束内进行。

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

Answer 1

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

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

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

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

Answer 2

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

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

jQuery 数据表将 div 附加到特定位置

jQuery DataTables append div to specific place

html

javascript

c#

asp.net-mvc

datatables