Necesito mover la etiqueta p en cada contenedor fuera de su contenedor, por lo que necesito mover "algún texto 1" fuera de su contenedor y lo mismo al siguiente párrafo, pero lo que obtengo es que ambos se están moviendo hacia afuera. lado los contenedores
$(document).ready(function() { $('.select-p-container p').each(function () { $(this).insertBefore('.select-p-container'); }) }); .select-p-container{ border:1px solid red; max-width:450px; margin-bottom: 20px; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="container"> <div class="select-container"> <div class="select-p-container"> <p>Some text 1</p> <select name="" id=""> <option value="1">1</option> <option value="1">2</option> <option value="1">3</option> </select> </div> <div class="select-p-container"> <p>Some text 2</p> <select name="" id=""> <option value="1">1</option> <option value="1">2</option> <option value="1">3</option> </select> </div> </div> </div>Debe limitar adecuadamente el alcance de su selección de elementos.
$(this).insertBefore('.select-p-container') .select-p-container selecciona todos los elementos con esa clase, en todo el documento.
Solo necesita el elemento, que es el padre real del párrafo actual:
$(this).insertBefore($(this).parent());