使用jQuery删除<div>

Question

我有这个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>

现在我想使用jQuery来删除一个<div>元素的"X"点击后,这可能吗？

第一个X关闭:

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

等我可以不使用删除divid=""吗？

谢谢!

Answer 1

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

或者代替remove()你可以使用slideUp()