div con jQuery

Question

tengo este código html:

<div id="note_list"> 
    <div class="note"> 
    Text 1 
    <a href="">X</a> 
    </div> 
    <div class="note"> 
    Text 2 
    <a href="">X</a> 
    </div> 
    <div class="note"> 
    Text 3 
    <a href="">X</a> 
    </div> 
    <div class="note"> 
    Text 4 
    <a href="">X</a> 
    </div> 
    <div class="note"> 
    Text 5 
    <a href="">X</a> 
    </div> 
</div> 

ahora me gustaría usar jQuery para eliminar un div después de hacer clic en la 'X', ¿es posible? primera X cierra:

<div class="note"> 
    Text 1 
    <a href="">X</a> 
    </div> 

, etc, etc ¿Puedo eliminar un div sin usar id = ""?

¡Gracias!

Answer 1

$(".note a").click(function(e) { 
    e.preventDefault(); 
    $(this).parent().remove(); 
}); 

o en lugar de remove() podría utilizar slideUp()

Answer 2

Sí, utilizan métodos de recorrido de jQuery para encontrar el elemento correcto. En este caso, sólo tiene parent():

$('div.note a').click(function(event) { 
    event.preventDefault(); 
    $(this).parent().remove(); 
}); 

Answer 3

$(".note a").click(function() { 
    $(this).parent().remove(); 
}); 

u puede comprobar aquí http://jsfiddle.net/3JCR7/1/