appendTo / after" each item with $(this)

by Akram kamal

HTML

<div class="container container-1">
  <div class="field-1">Field 1</div>
  <div class="group">
      <div class="inner">
        <div class="field-2">Field 2</div>
      </div>
  </div>
</div>

<div class="container container-2">
  <div class="field-1">Field 1</div>
  <div class="group">
      <div class="inner">
        <div class="field-2">Field 2</div>
      </div>
  </div>
</div>

JavaScript

//$('.field-1').insertAfter('.group .field-2'); 

$(function () {
    $(".field-1").each(function () { // deal with each one separately!
        var target=$(this).next().find(".field-2")
        console.log(target)
        $(this).insertAfter(target);
    });
});