jQuery DataTables append div to specific place

Question

I have code:

<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>

I want to take first div, which has addButton class and put into div PositionDataTable2 and place it between the processing and filter parts. But append and prepend only does it inside div start or end.

Also it would be great, if someone would suggest how to place it correctly and make a copy or so that my button wouldn't disappear on datatable fndestroy and recreate.

Nagaraj S · Accepted Answer · 2015-08-17 12:53:07Z

1

You could try using the $.after() insert like:

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

edited Aug 17, 2015 at 12:53

Nagaraj S

13.5k6 gold badges36 silver badges53 bronze badges

answered Aug 17, 2015 at 12:51

Luiz Pillon

223 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

K V Over a year ago

nice, thanks, I've changed it a little bit to take outerHTML instead html(), and now it works as I wanted. :)

kovogel · Accepted Answer · 2015-08-17 12:51:12Z

0

Jquerys insertAfter() should work. Try something like this:

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

EDIT: If you don't want that the first addButton disappears you could use .clone()

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

answered Aug 17, 2015 at 12:51

kovogel

1,0303 gold badges12 silver badges21 bronze badges

Collectives™ on Stack Overflow

jQuery DataTables append div to specific place

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related