How to get row data of a html table in javascript

Question

I have a table like this

<tr class="odd">
    <td class="  sorting_1">opps</td>
    <td class="center "> <a href="#" onclick="tst(this)" class="btn btn-warning">
    <i class="icon-edit icon-white">      
    </i> Edit</a>

    </td>
</tr>

On click of that hyperlink i need the td values of the row.

This javascript i tried

 $(document).ready(function () {
     $("#tblTest td:nth-child(2)").click(function (event) {
         //Prevent the hyperlink to perform default behavior
         event.preventDefault();
         var $td = $(this).closest('tr').children('td');
         var sr = $td.eq(0).text();
         alert(sr);
     });
 });

This one works if i put in Table click event. I need on click of that hyperlink it should happen. How to achieve this ? Thanks in Advance.

without iterating row by row if any method is there to get it ?

Adil · Accepted Answer · 2013-04-11 15:20:51Z

1

You are binding click event to td bind it to a

Change

$("#tblTest td:nth-child(2)").click(function (event) {

To

$("#tblTest td:nth-child(2) a").click(function (event) {

answered Apr 11, 2013 at 15:20

Adil

148k25 gold badges217 silver badges207 bronze badges

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

Comments

palaѕн · Accepted Answer · 2013-04-11 15:23:25Z

1

Try this:

$("a.btn").click(function (event) {
    //Prevent the hyperlink to perform default behavior
    event.preventDefault();
    var $td = $(this).parent().closest('tr').children('td');
    var sr = $td.eq(0).text();
    alert(sr);
});

DEMO HERE

answered Apr 11, 2013 at 15:23

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

5 Comments

palaѕн Over a year ago

Its the class name for the link you have, <a href="#" onclick="tst(this)" class="btn btn-warning">

Raj Over a year ago

some where i went wrong ? i didn't remove that previous function also. may be that's reason ?

palaѕн Over a year ago

Try to remove the onclick attribute from the link

Raj Over a year ago

yeah removed and tested same result.

Raj Over a year ago

let us continue this discussion in chat

Collectives™ on Stack Overflow

How to get row data of a html table in javascript

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related