jquery - 使用 JQuery 获取同一行中的值

Question

<tr>
                <td style="display:none;">
                    62
                </td>
                <td>
                    <span style="color:Blue; cursor:pointer;" id="editLink">Edit</span> |
                    <span style="color:Blue; cursor:pointer;" id="detailsLink">Details</span>
                </td>
                <td>
                    Update Loan Data Component Rows
                </td>
                <td>
                    Daily: 22:00:00 PM
                </td>
                <td>
                    False
                </td>
            </tr>

所以我有一个 JQuery click 事件绑定(bind)到带有 cursor:pointer 的两个 span。单击此按钮时，我希望能够轻松获取此行中每个表格单元格内的值，并使用这些值在页面其他位置设置元素。

我如何在 JQuery 中执行此操作？

附言我可以识别不同的单元格，但是每一行都会有重复的 ID。

Answer 1

$("span").click(function() {
    var $tr = $(this).parents("tr");
    alert( $tr.find("td").eq(0).html() ); // 1st td (62)
    alert( $tr.find("td").eq(2).html() ); // 3rd td
    alert( $tr.find("td").eq(3).html() ); // 4th td (date/time)
    alert( $tr.find("td").eq(4).html() ); // 5th td (bool)
});