Delete div using jQuery

Question

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>

now I would like to use jQuery to DELETE div AFTER clicking 'X', is this possible? first X closes:

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

etc. Is it possible to remove a div without using id = ""?

Thank!

Answer 1

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

or instead remove()you can useslideUp()

Answer 2

Yes, use jQuery's workaround methods to find the correct item. In this case, you just need to parent():

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

Answer 3

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

u http://jsfiddle.net/3JCR7/1/