Tag Archives: Table

jQuery 處理 HTML table

簡單記錄 jQuery 逐 row 逐 cell 處理 HTML table 的兩個範例,首先是傳統的方法,HTML table 設定 id 為 dt

$(“#dt tr”).each(function () {
html+=”<tr>”;
$(this).find(“td”).each(function() {
html+=”<td>”+$(this).text()+”</td>”;
});
html+=”</tr>”;
});

另一個例子是處理相當受歡迎的 plugin datatables,同樣設定 id 為 dt

var rows=$(“#dt”).dataTable().fnGetNodes();
for(i=0;i<rows.length;i++) {
html+=”<tr>”;
$(rows[i]).find(“td”).each(function() {
if ( i == 0 ) {
html+=”<td>”+$(this).text()+”</td>”;
} else {
html+=”<td>”+$(this).text()+”</td>”;
}
});
html+=”</tr>”;
};

 

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...