remover uma div

[Guga01 0]

Bom dia pessoal!

 

Tenho a seguinte estrutura html:

<div class='item'>
<div class='itemRemove'>
	<img src='images/site/removeItem.jpg' class='removerItem' alt='Remover item' title='Remover item' />
</div> <!-- Fim da div itemRemove -->
<div class='itemProduto'>
	Produto 1
</div> <!-- Fim da div itemProduto -->
<div class='itemQtde'>
	<input type='text' id='quantidade' name='quantidade' maxlength='3' onkeydown='mascara(this, mnum)' value='1' tabindex='1' />
</div> <!-- Fim da div itemQtde -->
<div class='itemValor'>
	10.00
</div> <!-- Fim da div itemValor -->
<div class='itemTotal'>
	10.00
</div> <!-- Fim da div itemTotal -->
</div> <!-- Fim da div item -->

 

Essa estrutura pode se repetir várias vezes. Quero que quando o usuário clicar no ícone "removeItem.jpg", essa div chamada item desapareça. Fiz o seguinte código jquery:

$(".removerItem").live("click", function () {
$(this).prev('.item').remove();
});

 

Mas nada acontece. Alguém poderia me ajudar? Obrigado.

[William Bruno 1501]

$(this).parent().parent('.item').remove();

[Willian Aquino 1]

Cara usa o hide()

 

http://api.jquery.com/hide/

[Dii 15]

$(".removerItem").live("click", function () {
       $('.item').remove();
});

 

Tenta isso ai amigão e ve se vai.

[William Bruno 1501]

@Dii, dessa forma ele vai remover todos os elementos com a class .item

 

e ele só quer remover o .item referente ao que foi clicado.

Leia:

 

http://wbruno.com.br/blog/2011/06/21/afinal-e-javascript/

[angelorubin 142]

Boa tarde,

 

Tenta assim:

 

<script> 

$(document).ready(function () {

$(".removerItem").click(function(){

	$(this).parent().parent().empty();

});

});

</script>

Espero que ajude.