jquery column values on click..

Question

Hello all,

I have a table with 5 columns,,when I click on first column on the row i need to get the all column row values using jquery?

Thanks

Answer 1

$("td").click(function(){
  $(this).parent().find("td").each(function(){
    alert(this + " is one entry of your current row");
  });
});

Answer 2

$("td:first-child").click(function(){
  $(this).closest('tr').find("td").each(function(){
    alert(this.innerHTML);
  });
});

Answer 3

If you'd like your answer in an array:

$('table#mytable td:first-child').click( function(){
    var resultArray = $(this).closest('tr').find('td').map( function(){
        return $(this).text();
    });
    // Do something with resultArray
    // resultArray is a jQuery object
    // resultArray.get() is a plain array. get() can be chained above.
});

Answer 4

Depends on what is actually IN the table a bit.

var mystuff = $("td").click().parent('tr').children('td').text();
var mystuff = $("td").click().parent('tr').children('td').innerHtml();

accessing them:

mystuff.each(function()
{
 //do stuff
};
mystuff.eq(2) // do stuff with second one