I have a HTML table

 <table id="mytab">
  <thead>
    <th>col1</th>
    <th>col2</th>
  </thead>
  <tbody>
  <tr>
    <td>1</td>
    <td>2</td>
  </tr>
  <tr>
     <td>11</td>
     <td>22</td>
  </tbody>
 </table>

and i am writing the jquery function

  function LoopTable()
  {
      $row = $('#mytab tbody >tr"); //here I have successfully find all the rows.

     //now i want to loop on rows and find each column row
     for (var i=0; i<$rows.length; i++)
     {
         //need something here to find col data

     }

what I should use to have column values from row

I have a HTML table

 <table id="mytab">
  <thead>
    <th>col1</th>
    <th>col2</th>
  </thead>
  <tbody>
  <tr>
    <td>1</td>
    <td>2</td>
  </tr>
  <tr>
     <td>11</td>
     <td>22</td>
  </tbody>
 </table>

and i am writing the jquery function

  function LoopTable()
  {
      $row = $('#mytab tbody >tr"); //here I have successfully find all the rows.

     //now i want to loop on rows and find each column row
     for (var i=0; i<$rows.length; i++)
     {
         //need something here to find col data

     }

what I should use to have column values from row

• javascript
• jquery
• html

Share Improve this question Follow asked Jun 30, 2013 at 10:13 Mandeep SinghMandeep Singh 2,14688 gold badges1919 silver badges3232 bronze badges 5

• dump the $row value , you may get clue – Ichigo Kurosaki Commented Jun 30, 2013 at 10:18
• Meaning: try console.dir($row) in your browsers dev console (press f12 in IE/Chrome to open it) – OzrenTkalcecKrznaric Commented Jun 30, 2013 at 10:21
• And you don't want to use each() method? You need each td value, or? – sinisake Commented Jun 30, 2013 at 10:21
• because I want to work with only some columns and rows thats why I don't want to use each() method, I want somthing $rows[i].cells[0].val() – Mandeep Singh Commented Jun 30, 2013 at 10:25
• a lot of mistakes are in OP code. such as ' closing with " and $row is initialize and $rows is used in for loop – Manoj Yadav Commented Jun 30, 2013 at 10:27

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

Updated code

$(document).ready(function() {
    var rows = $('#mytab tbody >tr');
    var columns;
    for (var i = 0; i < rows.length; i++) {
        columns = $(rows[i]).find('td');
        for (var j = 0; j < columns.length; j++) {
            console.log($(columns[j]).html());
        }
    }
});

for (var i=0; i<$rows.length; i++)
{
    $.each($row[i].children("td"), function(key, value) {
         console.log(value);
    });
}