insertAfter duplicates the div

Question

the div gets inserted to the right place but it also keeps the div in the old position, so then there is two elements not sure why it is being cloned. Im editing woocommerce theme.

$(document).ready(function(){

  $("#place_order").insertAfter("tbody");
});

try detaching the element `$("#place_order").detach().insertAfter("tbody");` — madalinivascu, May 10 '17 at 11:20

score 1 · Answer 1 · edited May 23 '17 at 11:54

1

Use detach before insert after:

 $("#place_order").detach().insertAfter("tbody");

some more informations

edited May 23 '17 at 11:54

Community

1
1

answered May 10 '17 at 11:21

Luke

362
1
4
13

even with this it gets copied, any other ideas? – Zygimantas May 10 '17 at 12:09
@Zygimantas I have the same problem with Ts & Cs div. Did you ever solve this ? – SolaceBeforeDawn Jul 10 '23 at 07:02

score 0 · Answer 2 · answered May 10 '17 at 11:36

$(document).ready(function(){
  var createdDiv= document.createElement('div');
  createdDiv.id = 'place_order';
  $(createdDiv).insertAfter("tbody");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tbody><tr><td>list</td></tr></tbody>
</table>

insertAfter duplicates the div

2 Answers2