En utilisant la fonction Jquery la plus proche()?

Question

Voici mon HTML:

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

et moi avons actuellement obtenu ce code JQuery,

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

Pour une raison quelconque la fonction closest() ne fonctionne pas, et il ne sera pas basculer la table ligne .r3c - J'ai essayé d'utiliser parent et d'autres alternatives, mais ne peux pas le faire fonctionner non plus :(

Excuses pour la question stupide, et quelque chose de similaire à un problème que j'ai eu auparavant. solution pour cela?

Merci!

Answer 1

Essayez avec:

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

Answer 2

peut-être cela pourrait fonctionner:

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

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

Answer 3

le plus proche() trouve le parent le plus proche et non les parents-frères et sœurs-enfants.

Vous voulez quelque chose comme:

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

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