Korzystanie z funkcji najbliższego Jquery()?

Question

Tu jest mój HTML:

<tr> 
    <td class="show_r3c">click here</td> 
</tr> 
<tr class="r3c"> 
    <td>This is what I'd like to display</td> 
</tr> 

A ja obecnie mam ten kod jQuery

$(document).ready(function(){ 
     $(".r3c").hide();   
     $('.show_r3c').click(function() { 
         $(this).closest('.r3c').toggle(); 
         return false; 
     }); 
    }); 

Z jakiegoś powodu funkcja closest() nie działa, i nie będzie przełączać wiersz tabeli .r3c - Próbowałem używać rodzica i innych alternatyw, ale nie mogę go uruchomić :(

Przepraszam za głupie pytanie i coś podobnego do problemu, który miałem wcześniej. Zastanawiam się, co jest najlepsze rozwiązanie tego?

Dzięki!

Answer 1

Spróbuj z:

$('.show_r3c').click(function() { 
    $(this).parent('tr').next('tr.r3c').toggle(); 
    return false; 
}); 

Answer 2

być może to będzie działać:

$(document).ready(function(){ 
    $(".r3c").hide(); 

    $('.show_r3c').click(function() { 
     $(this).parent().siblings(":first").toggle(); 
     return false; 
    }); 
}); 

Answer 3

najbliżej() znajdzie najbliższą rodzica a nie rodzice rodzeństwo-dzieci.

Chcesz coś takiego:

$(document).ready(function(){ 
    $(".r3c").hide(); 

    $('.show_r3c').click(function() { 
     $(this).closest('table').find("tr.r3c").toggle(); return false; 
    }); 
});