JQuery Parent() Prochain numéro

Question

Voici ce que j'ai. J'ai essayé plusieurs choses mais je ne peux pas comprendre ce que je fais mal ...

<div class="VoteControls" runat="server" visible='<%# User.Identity.IsAuthenticated %>'> 
    <img style="cursor: pointer; cursor: hand;" src='<%# (bool)Eval("skull") ? "images/skull.png" : "images/skull-bw.png" %>' alt="Vote Down" class="votedown" title='<%# Eval("entry.ID") %>' /> 
    <img style="cursor: pointer; cursor: hand;" src='<%# (bool)Eval("heart") ? "images/heart.png" : "images/heart-bw.png" %>' alt="Vote Up" class="voteup" title='<%# Eval("entry.ID") %>' /> 
</div> 

Et le JQuery:

 $(document).ready(function() { 
      $(".voteup").click(function() { 
       var id = $(this).attr("title"); 
       var userID = $("HiddenFieldUserID").val(); 
       var skullButton = $(this).parent().closest('.votedown'); 
       alert(skullButton.attr("src")); 
       registerUpVote("up", id, $(this), skullButton, userID); 
      }); 
      $(".votedown").click(function() { 
       var id = $(this).attr("title"); 
       var userID = $("HiddenFieldUserID").val(); 
       var heartButton = $(this).parent().closest('.voteup'); 
       alert(heartButton.attr("src")); 
       registerDownVote("down", id, heartButton, $(this), userID); 
      }); 
     }); 

L'objectif est lorsqu'un img .voteup est cliqué, pour trouver l'img .votedown correspondant dans le même div VoteControls. Le div ci-dessus fait partie d'une DataList, il y en aura donc beaucoup sur une page.

Ainsi, la partie qui ne fonctionne pas est:

var skullButton = $(this).parent().closest('.votedown'); 

Answer 1

Vous êtes mal compris la méthode closest, qui trouve le parent le plus intérieur de l'élément. Vous devez écrire $(this).siblings('.votedown').