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