jQuery遍历table中各个cell

jQuery遍历table中各个cell。同时注意只有jQuery对象才可以使用jQuery API提供的方法，普通对象可以使用`$()`将其转化为jQuery对象。

 

HTML code:

  <table id="table_id">
        <tr><td>column11</td><td>column12</td></tr>
        <tr><td>column21</td><td>column22</td></tr>
  </table>

js code:

    var $trAry = $("table#table_id tr");
    for ($i = 0; $i < $trAry.length; $i++) {
        //$trAry[$i]本身是一个HTMLTableRowElement object，需要使用$($trAry[$i])才将其转换为jQuery object，然后可以使用html()和find()等方法。
        var $tr = $($trAry[$i]);
        alert($tr.html());
        var $tdAry = $tr.find("td");
        alert($tdAry.length);
    }

or

    $("table#table_id tr").each(function () {
        //同样的这里的this也是一个HTMLTableRowElement object，需要$(this)才转换为jquery object
        alert($(this).html());
    });

参考：http://stackoverflow.com/questions/3133442/cant-get-jquery-hide-working

 

原文链接：http://54min.com/post/jquery-traverse-table-cells.html