Get Row data using jquery

Question

I implement some thing like this

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

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

action edit is a link, supposed the anchor tag is: <a href="http://localhost/person/edit/1"> while I click the edit link. the personf information will displayed in id, name, address text filed. supposed, the input filed name. txt_id, txt_name, txt_address.

my implementation is:

$("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;
});

I dont know how to implement get id, get name, get address after I get the parrent. Is there any suggestion ? or Is there any other sollution ?

Edit

And while click submit edit, I will display the new name and address to the current edited row.

Doug Neiner · Accepted Answer · 2010-02-25 05:41:59Z

3

This should do what you are looking for:

$("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();
});

answered Feb 25, 2010 at 5:41

Doug Neiner

66.4k14 gold badges111 silver badges118 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Adi Sembiring Over a year ago

it's work perfectly. but, there some problem occurred. While I sumbit the edited person, I want the current row update. do you have any suggestion to implement my problem ?

Community · Accepted Answer · 2017-05-23 10:33:02Z

0

Use jquery td:nth-child(n) to get the value from each td cell. See a similar question How to get a table cell value using jquery?

edited May 23, 2017 at 10:33

CommunityBot

11 silver badge

answered Feb 25, 2010 at 5:29

bkaid

52.2k23 gold badges115 silver badges128 bronze badges

Collectives™ on Stack Overflow

Get Row data using jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related