jQuery找到当前的tr单元格

Question

我有数据表像下面HTML的代码,之后doubleClick每行automaticaly插入SAVE和EDIT按钮,结束当前的tr,我使用的DataTable类创建表的数据,我不能找到当前的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细胞save和cancel按钮.

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在这里表示无论是保存/取消这里