0

Criei divs usando:

 $('.images').find('img').replaceWith(function () {
     return '<div class="resize">' + this.outerHTML + '</div>'
 }); 

HTML de saída:

<div class="images">

 <div class="resize"><img src="img1.jpg"></div>
 <div class="resize"><img src="img2.jpg"></div>
 <div class="resize"><img src="img3.jpg"></div>

</div>

Agora gostaria de reverter para isso, é possível?

<div class="images">
   <img src="img1.jpg">
   <img src="img2.jpg">
   <img src="img3.jpg">
</div>

2 Respostas 2

1
$('img').unwrap();

Isto deve resultar

4
  • mas daí, vai apagar as imagens, não? Commented 17/04/2018 às 14:51
  • sim, o remove apaga tudo incluindo os seus descendentes, Commented 17/04/2018 às 14:53
  • usa antes o unwrap para retirar o elemento pai Commented 17/04/2018 às 14:53
  • Valeu, funcionou aqui: jsfiddle.net/34b9sdpd Commented 17/04/2018 às 14:59
0

Creio que o script abaixo faça o que você deseja:

 $("#reverter").click(function() {
    $(".resize").each(function(){
        var content = $(this).html();
        $(".images").append(content);
        $(this).remove();
    });
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div class="images">

 <div class="resize"><img src="img1.jpg"></div>
 <div class="resize"><img src="img2.jpg"></div>
 <div class="resize"><img src="img3.jpg"></div>

</div>

<input type="button" name="botao" id="reverter" value="reverter"> 

Observe que ao clicar no botão, as divs das imagens serão removidas e o código ficará exatamente assim:

<div class="images">
   <img src="img1.jpg">
   <img src="img2.jpg">
   <img src="img3.jpg">
</div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .