loop html table using jquery and for loop (not for each)

Question

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

Meaning: try console.dir($row) in your browsers dev console (press f12 in IE/Chrome to open it) — OzrenTkalcecKrznaric
– OzrenTkalcecKrznaric, Commented Jun 30, 2013 at 10:21
And you don't want to use each() method? You need each td value, or? — sinisake
– 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
– 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
– Manoj Yadav, Commented Jun 30, 2013 at 10:27

Manoj Yadav · Accepted Answer · 2013-06-30 10:28:23Z

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());
        }
    }
});

answered Jun 30, 2013 at 10:28

Manoj Yadav

6,6121 gold badge25 silver badges21 bronze badges

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

Comments

James · Accepted Answer · 2013-06-30 10:26:18Z

0

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

answered Jun 30, 2013 at 10:26

James

82.4k19 gold badges172 silver badges245 bronze badges

Collectives™ on Stack Overflow

loop html table using jquery and for loop (not for each)

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related