tengo el siguiente html
<div class="options"> <div class="container"> <div class="swatch-option selected"></div> <div class="info">Text</div> </div> <div class="container"> <div class="swatch-option"></div> <div class="info">Text2</div> </div> </div>Intento jquery para mover la clase "info", que tiene la clase anterior "opción de muestra seleccionada", al final de las "opciones" de la clase div de cierre
Entonces mi html final debería ser como
<div class="options"> <div class="container"> <div class="swatch-option selected"></div> </div> <div class="container"> <div class="swatch-option"></div> <div class="info">Text2</div> </div> <div class="info">Text</div> </div> El jquery que probé es el siguiente, pero no mueve la clase de info , que tiene swatch-option selected clase anterior
<script> require([ 'jquery' ], function ($) { $(document).ready(function(){ $('.selected.info').appendTo('.options'); }) }) </script>$('.selected.info') significa buscar un elemento que tenga tanto clases selected como de info , pero son hermanos en su ejemplo.
Puede usar el selector de hermanos adyacente (+)
$(document).ready(function() { $('.selected + .info').appendTo('.options'); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="options"> <div class="container"> <div class="swatch-option selected"></div> <div class="info">Text</div> </div> <div class="container"> <div class="swatch-option"></div> <div class="info">Text2</div> </div> </div>