Skip to main content
Remoção de jsfiddle invalido, correção do código e formatação.
Fonte Link
Augusto Vasques
  • 18,8mil
  • 10
  • 31
  • 62

Fiz este jsfiddle usandoUsando Jquery, já que não disse que deveria ser js puro, e ficou assim

Html:

<div class="corpo">

   <div class="esquerda">esquerda</div>
   <div class="meio">meio</div>
   <div class="direita">direita</div>

</div>
<button>Add</button>

Javascript:

$("button").click(function() {
  var html_corpo = '<div class="tudo">' + $(".corpo").html() + '</div>'
  $(".corpo").html(html_corpo)
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="corpo">

  <div class="esquerda">esquerda</div>
  <div class="meio">meio</div>
  <div class="direita">direita</div>

</div>
<button>Add</button>
$( "button" ).click(function() {
    var html_corpo = '<div class="tudo">'+$(".corpo").html()+'</div>'
  $(".corpo").html(html_corpo)
})
 

Fiz este jsfiddle usando Jquery, já que não disse que deveria ser js puro, e ficou assim

Html:

<div class="corpo">

   <div class="esquerda">esquerda</div>
   <div class="meio">meio</div>
   <div class="direita">direita</div>

</div>
<button>Add</button>

Javascript:

$( "button" ).click(function() {
    var html_corpo = '<div class="tudo">'+$(".corpo").html()+'</div>'
  $(".corpo").html(html_corpo)
})

Usando Jquery, já que não disse que deveria ser js puro, e ficou assim

$("button").click(function() {
  var html_corpo = '<div class="tudo">' + $(".corpo").html() + '</div>'
  $(".corpo").html(html_corpo)
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="corpo">

  <div class="esquerda">esquerda</div>
  <div class="meio">meio</div>
  <div class="direita">direita</div>

</div>
<button>Add</button>
 

Fonte Link
Adell
  • 131
  • 12

Fiz este jsfiddle usando Jquery, já que não disse que deveria ser js puro, e ficou assim

Html:

<div class="corpo">

   <div class="esquerda">esquerda</div>
   <div class="meio">meio</div>
   <div class="direita">direita</div>

</div>
<button>Add</button>

Javascript:

$( "button" ).click(function() {
    var html_corpo = '<div class="tudo">'+$(".corpo").html()+'</div>'
  $(".corpo").html(html_corpo)
})