jQuery周遊table中各個cell - jay.windows

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