jQuery 查找当前 tr 单元格

Question

我有如下的数据表HTML代码，在每行上doubleClick后自动插入SAVE和EDIT按钮到当前 tr 结束，我正在使用 datatables 类在表中创建数据，但找不到当前 tr 单元格，例如 eq(0 ~ 3 ) 与 jQuery。

HTML:

<table>
    <tbody>
        <tr>
            <td>
                <input value="admin">
            </td>
            <td>
                <input value="pishguy@gmail.com">
            </td>
            <td>
                <input value=" A">
            </td>
            <td>
                <input value=" B">
            </td>
            <td>
                <input value="C">
            </td>
            <td>
                <ul class="styledlist" style="width: 50px;">
                    <li style="line-height: 13px; width: 30px; float: right;" class="save_category">SAVE</li>
                    <li style="margin-right: 6px; line-height: 13px; width: 30px; float: right;" class="cancel_save_category">CANCEL</li>
                </ul>
          </td>
        </tr>
    </tbody>
</table>

jQuery:下面的代码不能正常工作

alert( $(this).parent().siblings('td:first').text() ); 
alert( $(this).closest('tr').children('td:eq(0)').text())  ;

我在表格中有任何行，我想找到带有保存和取消按钮的当前tr单元格。

Answer 1

试试这个:

alert($(this).closest('tr').find('td:eq(0) input').val());   // admin
alert($(this).closest('tr').find('td:eq(1) input').val());   // pishguy@gmail.com

在您的代码中:

$(this).closest('tr').children('td:eq(0)').text();

您正在第一个 td 中查找文本，但那里没有文本，您在那里有一个具有某些值的输入。因此，您需要在最近的 tr 中找到输入，然后使用 val() 获取其值。

假设:这里的this代表这里的保存/取消