Question

我实现了这样的事情

- person grid -
name        address     action
a           ax          edit
b           bx          edit

- form edit -
id         :
name       :
address    :
<submit edit>

动作编辑是一个链接，假设锚标记是：<a href="http://localhost/person/edit/1"> 我点击编辑链接。 personf信息将以id，姓名，地址文本显示。假设，输入字段名称。 txt_id, txt_name, txt_address。

我的实施是：

$("a").click(function(event) {
    $.parrent = $(this).parent().parent();
    $.id = ... //get id
    $.name = ...//get name
    $.address = ...//get address

    ${"txt_id"}.val($.id);
    ${"txt_address"}.val($.address);
    ${"txt_name"}.val($.name);
    return false;
});

我不知道如何实现获取ID，获取名称，获得地址后获取地址。有什么建议吗？还是有其他溶剂吗？

Edit

点击提交编辑后，我会在当前编辑的行中显示新名称和地址。

Answer 1

这应该可以满足您的需求：

$("a").click(function(e) {
    var $td      = $(this).closest('tr').children('td'),
        $id      = parseInt($(this).attr('href').replace('http://localhost/person/edit/',''), 10),
        $name    = $td.eq(0).text(),
        $address = $td.eq(1).text();

    $("#txt_id").val($id);
    $("#txt_address").val($address);
    $("#txt_name").val($name);

    e.preventDefault();
});

Answer 2

使用jquery td：nth-child（n）从每个td单元格中获取值。查看类似问题How to get a table cell value using jquery?

使用jquery获取行数据

2 个答案: