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>