Get column data when clicked on row with Razor and JS

Question

I have table that is built dynamically with Razor in MVC.

I want to be able to click on the a row and get the value of lets's say the first column ID.

Right now it's getting all the columns but I don't know too much Javascript or how it's stored with text.

Anyways what I'm looking for is to get a certain column on the row I clicked.

Razor MVC

<table id="myTable" class="tablesorter"> 
<thead> 
<tr> 
    <th>ID</th> 
    <th>Owner</th> 
</tr> 
</thead> 
<tbody> 
@for(int i=0; i<Model.changes.Count(); i++)
{
<tr> 
    <td>@Model.changes[i].ID</td> 
    <td>@Model.changes[i].Owner</td> 
</tr> 
}
</tbody> 
</table>

Javascript

<script>

    var table = $("#myTable tr");

    table.click(function () {
        alert($(this).text());
    });

</script>

Adil · Accepted Answer · 2012-11-18 01:31:34Z

1

You can use nth-child,

Live Demo

var table = $("#myTable tr");

table.click(function () {
    alert($(':nth-child(1)',  this).text());
});

edited Nov 18, 2012 at 1:31

answered Nov 18, 2012 at 1:26

Adil

148k25 gold badges217 silver badges207 bronze badges

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

2 Comments

Claud Over a year ago

Hmm, this isn't working for me. All the alert shows is :nth-child(1).

Adil Over a year ago

Check it now, I just fixed it.

Collectives™ on Stack Overflow

Get column data when clicked on row with Razor and JS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related