删除< div>使用jQuery

问题描述：

我有这个HTML代码：

I have this HTML code:

<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'点击后，是否可以？

Now I would like to use jQuery to delete a <div> element AFTER the 'X' clicking, is it possible?

第一个X关闭：

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

等等。
我可以删除 div 而不使用 id =？

谢谢！

答

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

或代替 remove（）你可以使用 slideUp（）

删除< div>使用jQuery

相关推荐