Accessing a specific class within a div tag.

Accessing a specific class within a div tag.

Suppose I have the following HTML code:

  1.         <div class="one">
  2.             <a href="http://jquery.com/">jQuery</a>
  3.         </div>
  4.         
  5.         <div class="two">
  6.             <a href="http://google.ca/">Google</a>
  7.         </div>
And the following bit of jQuery:

  1.            $("div").dblclick(function(event){
  2.                event.preventDefault();
  3.                $("a").hide("slow");
  4.            });
  5.           
  6.             $("a").click(function(event){
  7.                event.preventDefault();
  8.            });
Basically I want to recognize which <div> tag was double clicked, and hide the corresponding link that is nested within that specific <div> tag.

The only way I can think to do this currently is to basically copy and paste a whole bunch of jQuery code for each <div> tag and it's sub-elements (links in this case).

Hopefully this all makes sense - I'll try to clarify if it's confusing.