post #1155

Inverter DIV de lugar com jQuery

Publicado em: 10/11/2021 / Atualizado em: 10/11/2021

É possível trocar uma DIV de ordem. Caso queira trocar a ordem de exibição das DIVs, use o código abaixo.

Exemplo:

<div class="div-1">Primeiro conteúdo</div>
<div class="div-2">Segundo conteúdo</div>

Código:

<script>
  function switchElements($ele1, $ele2) {
      $ele2.after($ele1);
  }
  switchElements($('.div-1'), $('.div-2'));
</script>

Resultado:

<div class="div-2">Segundo conteúdo</div>
<div class="div-1">Primeiro conteúdo</div>

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.

bruno.art.br/?p=1155

ID de Referência: 1155

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.