Comment accéder au texte d'une cellule de table voisine?

Question

J'ai un ensemble de résultats de recherche présentés dans un tableau. Chaque rangée a une boîte radio. Une fois que l'utilisateur a sélectionné une ligne, je voudrais accéder au texte de description de la cellule voisine.

En utilisant jQuery ou un javascript direct, quelle est la meilleure façon de procéder?

<tr class="odd"> 
<td class="chosenCode"><input type="radio" value="123" name="chosenCode"></td> 
<td class="codeFound">123</td> 
<td class="descriptionFound">This is description text for code 123</td> 
</tr> 

Merci

Answer 1

$("table input:radio").change(function() { 
    alert($(this).closest("tr").children(".descriptionFound").text()); 
}); 

Ou, plus élaborée:

// prepare once 
$("table input:radio").each(function() { 
    var descr = $(this).closest("tr").children(".descriptionFound").text(); 
    $(this).data("descr", descr); 
}); 

// use 
$("table input:radio").change(function() { 
    alert($(this).data("descr")); 
}); 

Answer 2

Dans la fonction de rappel d'événement vous pouvez utiliser ce code pour obtenir le contenu de l'élément de description.

$(this).next('.descriptionFound').text();