Rimuovere div utilizzando jQuery

Question

ho questo codice 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> 

ora vorrei utilizzare jQuery per eliminare un div dopo aver cliccato il 'X', è possibile? primo X chiude:

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

ecc ecc Posso rimuovere un div senza usare id = ""?

Grazie!

Answer 1

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

o al posto di remove() si potrebbe usare slideUp()

Answer 2

Sì, utilizzare i metodi di attraversamento di jQuery per trovare l'elemento corretto. In questo caso, basta parent():

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

Answer 3

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

u può controllare qui http://jsfiddle.net/3JCR7/1/