Necesito usar Javascript o Jquery para mover un div a un lugar diferente en el árbol DOM. por ejemplo, necesito mover shopByType después de ShopBycolor. Intenté agregar e insertar antes sin suerte.
<form id="filter_form"> <div class="Block ShopByColor Moveable Panel" id="ShopByType"> <div class="Block ShopByColor Moveable Panel" id="ShopBySize"> <div class="Block ShopByColor Moveable Panel" id="ShopByColor"> <div class="Block ShopByColor Moveable Panel" id="ShopByGender"> </form>puede usar insertAfter() de la siguiente manera:
let shopType = $("#ShopByType"); let shopColor = $("#ShopByColor"); shopType.insertAfter(shopColor); <form id="filter_form"> <div class="Block ShopByColor Moveable Panel" id="ShopByType">ShopByType</div> <div class="Block ShopByColor Moveable Panel" id="ShopBySize">ShopBySize</div> <div class="Block ShopByColor Moveable Panel" id="ShopByColor">ShopByColor</div> <div class="Block ShopByColor Moveable Panel" id="ShopByGender">ShopByGender</div> </form> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>