¿Cómo usar la función Jquery más cercana()?

Question

Aquí es mi HTML:

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

y actualmente han conseguido este código jQuery,

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

Por alguna razón la función closest() no está funcionando, y no va a cambiar la fila de tabla .r3c - He intentado usar padres y otras alternativas, pero tampoco puedo hacerlo funcionar :(

Disculpas por la pregunta tonta, y algo similar a un problema que tuve antes. Solo me preguntaba, ¿cuál es el mejor? solución para esto?

Gracias!

Answer 1

Pruebe con:

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

Answer 2

tal vez esto funcionaría:

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

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

Answer 3

más cercano() encuentra más cercano al padre no los padres-hermanos-hijos.

¿Quieres algo como:

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

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