Récupérer la valeur des enfants dans jquery

Question

Comment obtenir la valeur de la cellule dans une table lorsque l'utilisateur clique sur la cellule suivante?

<table id="registrarsTable"> 

<c:forEach items="${requestScope.AllUsers}" var="user" varStatus="loop"> 
    <tr class="userRow"> 
     <td class="numberWidth">${loop.index + 1}</td> 
     <td class="nameWidth user" id="${user.userno}">${user.fullName}</td> 
     <td> 

     <button name="DeactivateBtn" id="deactivate" class="deactivate btn">deactivate</button> 

     </td> 
    </tr> 
</c:forEach> 

dans jquery Je veux obtenir la valeur de l'attribut « id » de la deuxième td lorsque l'utilisateur clique sur le bouton Désactiver.

Je fais comme ça

var userNo = $('td.user', $(this).parents(".userRow")).attr('id'); 

et comme celui-ci

 var userNo = $($(this).parent(".userRow") > "td").attr("id"); 

et personne ne travaille!

Answer 1

$('#deactivate').click(function() { 
    var userNo = $(this).parent().prevAll('td.user').attr('id'); 
}); 

partir du bouton (qui est this), traverse au parent (le <td> contenant le bouton de désactivation). Ensuite, au frère précédent <td> avec la classe user, et obtenez l'attribut id.

Alternativement, si vous voulez éviter de se fier sur le fait que le bouton de désactivation est dans un <td> après son <td> nom d'utilisateur, vous pouvez le faire:

$('#deactivate').click(function() { 
    var userNo = $(this).closest('tr').find('td.user').attr('id'); 
}); 

qui trouve le parent <tr> avec closest puis le <td class="user"> avec find.

Exemple de travail: http://jsfiddle.net/FishBasketGordo/Bk6ML/

API Références:

• parent()-http://api.jquery.com/parent
• prevAll()-http://api.jquery.com/prevAll
• closest()-http://api.jquery.com/closest
• find()-http://api.jquery.com/find