JQuery - 获取单选按钮旁边的 td 值

Question

我有以下困境:我的 HTML 是这样的(这存在于 PL/SQL 应用程序中。):

<table id="search_result_table">
<tr>

<input type=radio name="pv_select" value="'||lv_spriden_id||'"/>
<font face="Calibri" size=3><td id="spriden_id"     name="spriden_id">'||lv_spriden_id||'</td></font>'
<font face="Calibri" size=3><td id="last_name" class="c_last_name"     name="last_name">'||lv_spriden_last_name||'</td></font>
<font face="Calibri" size=3><td id="first_name" class = "c_first_name"     name="first_name">'||lv_spriden_first_name||'</td></font>
</tr>
</table>

我可以通过以下方式获取所选单选按钮的值:

$("input[name=pv_select]:checked").val()

但是，我希望能够获取“last_name”列单元格的值(该单元格存在于单选按钮旁边的表中)。如何通过 jQuery 检索该值(通过单选按钮获取所选行)？

我尝试了几种方法，但都不起作用:

$("input[name=pv_select]:checked").parent().siblings("td:eq(1)").text());    

提前致谢。

Answer 1

HTML 无效；不确定这是否会弄乱你的 DOM 树，从而在 jQuery 试图遍历损坏的 DOM 树时让 jQuery 感到困惑。

这是有效的 HTML:

<table id="search_result_table">
    <tr>
        <td>
            <input type=radio name="pv_select" value="'||lv_spriden_id||'"/>
        </td>
        <td id="spriden_id" name="spriden_id"><font face="Calibri" size=3>'||lv_spriden_id||'</font></td>
        <td id="last_name" class="c_last_name" name="last_name"><font face="Calibri" size=3>'||lv_spriden_last_name||'</font></td>
        <td id="first_name" class = "c_first_name" name="first_name"><font face="Calibri" size=3>'||lv_spriden_first_name||'</font></td>
    </tr>
</table>

jQuery 获取与选中的单选按钮同一行中“姓氏”表格单元格的值:

$("input[name=pv_select]:checked").parent().siblings("td.c_last_name").text());

(我说 HTML 是有效的:id 属性的值在 HTML 页面中是唯一的，因此，如果您有多行对表格单元格使用相同的 id 属性，那就是也无效。)