Parent->enfant, une astuce?
Bonjour,
je cherche à cacher ou afficher par un clique d'un élément de <a class="view"> l'affichage d'un <tr class="comment">
voici mon code :
Code:
1
2
3
4
5
6
7
8
9
10
|
<tr class="change">
<td class="center">
// le déclencheur de l'événement
<a class="view"><img title="hide comments" src="themes/images/eye-cross.png" /></a>
</td>
</tr>
<tr class="comment">
// le contenu
</tr> |
à savoir que j'ai 100 éléments de .view et .comment sur la même page.
Code:
1
2
3
4
5
6
7
8
9
10
11
| $('.view').live({
click: function(){
if ($(this).find('img').attr('src') == 'themes/images/eye-cross.png'){
$(this).find('img').attr('src', 'themes/images/eye.png');
$(this).next('.comment').hide();
} else {
$(this).find('img').attr('src', 'themes/images/eye-cross.png');
$(this).next('.comment').show();
}
}
}); |
et donc je n'arrive pas via cette syntaxe à m'approcher de l'élément .comment suivant.
La page et les éléments visés ont été chargé par une méthode ajax
Je vous remercie d'avance de l'aide que vous pourrez m'apporter, je continue de chercher !
Edit : j'ai aussi essayé en le sélectionnant de cette manière
$(this).parent('.change').next('.comment').show();
