0

Preciso remover as informações que estão dentro de uma ou remover a div da minha web page com JQuery, tentei utilizar o código:

    $("#myid").html("");

e também

    $("#myid").remove();

nenhuma das soluções funcionaram, tem alguma outra maneira?

3
  • 1
    Podes mostrar o HTML que tens e queres remover?
    – Sergio
    30/10/2017 às 6:18
  • Pode chamar o $("#myid").empty(). O empty() remove todo conteúdo que estiver dentro mantendo o próprio elemento. 30/10/2017 às 8:38
  • Deu certo utilizando o método $("#myid").empty(). 1/11/2017 às 2:44

1 Resposta 1

1

Segue alguns exemplos de como remover uma div ou remover o conteúdo da mesma:

1º Remover a div ao clicar em botão utilizando o método remove():

$("#removerDiv").click(function(){
    $('#divteste').remove();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="divteste" style="border:1px solid">
	<p>Conteúdo da DIV a ser removida</p>
</div>

<br>
<button id="removerDiv" type="button">Remover DIV</button>

2º Remover o conteúdo da div mantendo a mesma ao clicar em botão com o método html(""):

$("#removerConteudo").click(function(){
	$('#divteste').html("");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="divteste" style="border:1px solid">
	<p>Conteúdo da DIV</p>
</div>
<br>
<button id="removerConteudo" type="button">Remover Conteúdo</button>

3º Remover o conteúdo da div mantendo a mesma ao clicar em botão com o método empty():

$("#removerConteudo").click(function(){
	$('#divteste').empty();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="divteste" style="border:1px solid">
	<p>Conteúdo da DIV</p>
</div>
<br>
<button id="removerConteudo" type="button">Remover Conteúdo</button>

Nos três exemplos acima, chamei a função para remover a div ou remover o conteúdo da mesma através do id da div. Em jQuery, para chamar um elemento pelo id do mesmo utiliza-se a sintaxe #idDoElemento.

Acredito que o seu código não funcionou porque você esqueceu de importar a biblioteca jQuery dentro da tag head da página:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

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 .