Как получить доступ к тексту из соседней ячейки таблицы?

Question

У меня есть набор результатов поиска, представленных в таблице.В каждом ряду есть коробка с радио.Как только пользователь выбрал строку, я хотел бы получить доступ к тексту описания из соседней ячейки.

Используя jQuery или прямой javascript, каков наилучший способ сделать это?

<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>

Спасибо

Answer 1

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

Или, более подробно:

// 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

Внутри функции обратного вызова события вы можете использовать этот код для получения содержимого элемента description.

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