Di div sử dụng JQuery

Question

tôi có mã html này:

<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> 

bây giờ tôi muốn sử dụng jquery để DELETE một div Sau khi nhấp vào 'X', là nó có thể? đầu tiên X đóng:

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

vv vv Tôi có thể loại bỏ một div mà không sử dụng id = ""?

Cảm ơn bạn!

Answer 1

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

hoặc thay remove() bạn có thể sử dụng slideUp()

Answer 2

Có, sử dụng phương pháp traversal của jQuery để tìm các yếu tố chính xác. Trong trường hợp này, bạn chỉ cần parent():

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

Answer 3

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

u có thể kiểm tra ở đây http://jsfiddle.net/3JCR7/1/