2

Como remover somente o elemento pai, sem remover também os elementos filhos com jQuery. Tendo essa estrutura por exemplo:

<a href="#">
    <p>A</p>
    <p>B</p>
    <p>C</p>
</a>

Com a intenção de remover o pai(), após a função a estrutura ficaria desta forma:

<p>A</p>
<p>B</p>
<p>C</p>

2 Respostas 2

3

Use a função unwrap() no jQuery.

Para efeitos de teste criei um botão que faça a simulação.

$('.ativar').on('click', function(){
  if($('p').parent().is('a'))
    $('p').unwrap();
  else
    $('p').wrap('<a href="#"></a>');    
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a href="#">
  <p>A</p>
  <p>B</p>
  <p>C</p>
</a>

<button class="ativar">Ativar/Desativar</button>

1
  • Muito obrigado! Commented 21/12/2016 às 17:02
2

Outra alternativa seria pegar o conteúdo e dar um replace:

var children = $("a").contents();
$("a").replaceWith(children);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a href="#">
    <p>A</p>
    <p>B</p>
    <p>C</p>
</a>

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 .