How to get value of first column in current row in html table using jQuery

Question

I have the following Delete confirmation code using jquery. The issue is that it assume the location of the name column. I now have name in the first row. Instead of using .prev('td'), is there anyway to get the value from the first column in the current row using jQuery?

<script type='text/javascript'>
    $(document).ready(function() {
        $("a.delete").click(function(e) {
            e.preventDefault();
            var url = $(this).attr("href");

            var name = $(this).parent().prev('td').prev('td').text();

            jConfirm('Are you sure you want to delete this:' + name, 'Application Delete', function(r) {
                if (r) {
                    window.location = url;
                }
            });
        });
    });
</script>

You may take a look at stackoverflow.com/questions/10796559/… — LCJ
– LCJ, Commented May 29, 2012 at 14:29

BalusC · Accepted Answer · 2009-11-29 16:26:58Z

9

You could use under each

var name = $(this).parents('tr:first').find('td:first').text();

this goes to the row and then to the first cell of the row. That's more intuitive.

Edit: I changed 'tr' to 'tr:first', but in real this should often not be needed, because nested tables more than often indicate a different problem in the whole design (tables for layout?) which needs to be fixed differently.

edited Nov 29, 2009 at 16:26

answered Nov 29, 2009 at 15:55

BalusC

1.1m377 gold badges3.7k silver badges3.6k bronze badges

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

3 Comments

leora Over a year ago

hmm .. this seems to give me a string that represents the whole table heading . .any ideas what could be wrong ?

BalusC Over a year ago

Apparently you're nesting tables (why by the way?). Replace tr by tr:first.

leora Over a year ago

yes, this is a nested table . . basically for layout purposes as their is a main table that represents the whole page and this is a section within the main page . .

Collectives™ on Stack Overflow

How to get value of first column in current row in html table using jQuery

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related