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>

现在我想在“X”点击后使用jQuery 删除一个<div>元素，是否可能？

首先X关闭：

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

等等我可以在不使用id=""的情况下删除 div 吗？

谢谢！

Answer 1

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

或代替remove()您可以使用slideUp()

Answer 2

是的，使用jQuery的遍历方法来查找正确的元素。在这种情况下，您只需要parent()：

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

Answer 3

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

你可以在这里查看http://jsfiddle.net/3JCR7/1/

使用jQuery </div>删除<div>

3 个答案: