Выбор родительского следующего в JQuery

Question

Как я могу выбрать родительский элемент в следующем JQuery

<div class="test"> 
<table> 
    <tr><td><div><a href="#" class="first">First</a></div></td></tr> 
    <tr><td><div><a href="#" class="second">Second</a></div></td></tr> 
</table> 
<table> 
    <tr><td class"toHide">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</td></tr> 
</table> 
</div> 

Я должен скрывать toHide тд, когда я нажимаю на first тега привязки. Как мне это сделать ? Я подготовил код jquery, но он терпит неудачу!

$(document).ready(function(){ 
    $(".first").click(function(){ 
    $(this).closest('.test').find('.toHide').hide(); 
    }); 
}); 

Это сделано благодаря

http://jsfiddle.net/aaEFQ/60/

Answer 1

Вы были ошибки в class атрибутов definitions- отсутствует и дополнительные = как class=="test" и class"toHide"

<div class="test"> 
    <table> 
     <tr> 
      <td> 
       <div><a href="#" class="first">First</a> 
       </div> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <div><a href="#" class="second">Second</a> 
       </div> 
      </td> 
     </tr> 
    </table> 
    <table> 
     <tr> 
      <td class="toHide">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</td> 
     </tr> 
    </table> 
</div> 

Демо: Fiddle

Answer 2

попробовать что-то вроде этого

jQuery('#test .toHide').hide(); 

Answer 3

Working fiddle

Typo у вас есть == в вашем HTML

<div class=="test"> 
     ^

изменить его

<div class="test"> 
     ^

и в <td class="toHide"> отсутствует =

  ^

Answer 4

попытка

$(document).ready(function(){ 
    $(".first").click(function(){ 
    $(this).closest(".test").find('.toHide').eq(0).hide(); 
    }); 
}); 

Answer 5

$(document).ready(function(){ 
    (".first").click(function(){ 
$(this).closest('.test').find('.toHide').hide(); 
    }); 
});