我在表格中显示了一组搜索结果。每行都有一个收音机盒。一旦用户选择了一行,我想访问相邻单元格中的描述文本。
使用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>
由于
答案 0 :(得分:2)
$("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") );
});
答案 1 :(得分:1)
在事件回调函数中,您可以使用此代码来获取description元素的内容。
$(this).next('.descriptionFound').text();