ansaurus

Question

Jquery : how to know which row is selected?

Answer 1

+2 A:

You can go from this (the clicked button) in the handler and use .closest() to get the <tr> of the button then grab anything you want from there, for example:

$(".someButton").live("click", function() {
   var row = $(this).closest("tr");
   var rowIndex = row.index();
});

For a full list of "moving-around" functions like this, check out the Tree Traversal section of the API.

Nick Craver 2010-10-20 10:06:14

Thanks!It works fine on its own but i can't figure out how to make it work on the actually project. I am still in the learning stages of this.

BinCode 2010-10-20 11:21:35

What i have is that i am generating a table from a JSON reply by calling a REST request.What i want right now is that when i click on one of the buttons or a link associated with the rows, i want to fire another REST requests to get a much detailed information . How would i do that ?

BinCode 2010-10-20 11:26:38

Answer 2

+1 A:

I am guessing you are using...

$('.all_links').click(some_function)

So in that case, you can simply find it from inside some_function like so:

function some_function() {
    $(this).parents('tr'); // this will give you the link's row.
}

passcod 2010-10-20 10:07:28

This would get *all* `<tr>` ancestors, if this were a nested table for instance.

Nick Craver 2010-10-20 10:09:53

Will work OK based on the HTML he provided.

Salman A 2010-10-20 12:26:01

Answer 3

+2 A:

I know that you ask for the row index, there are users that have given you the answer. But, usually we need the id of the row, because the id belongs to an id in the database. In this case, you could use the id of the cell or the button itself. Example:

  <table>
   <tr  id="Data1"><td>a</td><td>b</td><td>c</td><td><input type="button" value="Data"/></td></tr>
    <tr  id="Data2"><td>a</td><td>b</td><td>c</td><td><input type="button" value="Data"/></td></tr>
    <tr  id="Data3"><td>a</td><td>b</td><td>c</td><td><input type="button" value="Data"/></td></tr>
    <tr  id="Data4"><td>a</td><td>b</td><td>c</td><td><input type="button" value="Data"/></td></tr>
    </table>

    $("input[type=button]").live("click", function() {
       var row = $(this).closest("tr");
       var rowId = row.attr("id");
        alert(rowId);
    });

You have this here:

http://www.jsfiddle.net/dactivo/YD3xy/

netadictos 2010-10-20 10:22:08

very close to what i wanted i have added my code to the qs.

BinCode 2010-10-20 11:34:01

I have updated my code, but will only work if you include the id in the tr. If not, you can choose the "index()" option.

netadictos 2010-10-20 12:24:11

Thanks will check that out!!

BinCode 2010-10-20 12:59:45

ansaurus

tags:

views:

answers:

Jquery : how to know which row is selected?

related questions