jquery對table的操作
table的獲取:
table = document.getElementById("table");
table tr的新增:
var row = table.insertRow((index+1));
if (index%2 == 0) {
row.className = "even";
}
else {
row.className = "odd";
}
var col = row.insertCell(0);
col.innerHTML = '<span>'+(index+1)+'</span>';
...
table的刪除
$("#table tr").empty()
第一行不刪除$("#table tr:not(:first)").empty()
獲取table選中的行
給每行新增checkbox,
獲取選中行的個數:$('input[name="box"]:checked').length
獲取選中行的資料:
$('input[name="box"]:checked').each(function(){
var tds = $("table tr").eq($(this).val()).find("td");
var currentTds = tds;
var qishi = tds.eq(2).html();
}
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/3034/viewspace-2815103/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- jQuery操作表格table程式碼例項jQuery
- 對table的操作進行監控
- jQuery對Table一個欄位排序jQuery排序
- JQuery 對 Select option 的操作jQuery
- jquery-tablejQuery
- jquery對標籤屬性操作jQuery
- 使用JQuery讀TablejQuery
- jquery table 的新增和刪除jQuery
- jquery 封裝 bootstrap tablejQuery封裝boot
- 影響flashback table的操作!
- jquery獲得option的值和對option進行操作jQuery
- jQuery的DOM操作、jQuery
- JQuery的DOM操作jQuery
- Html DOM操作TABLEHTML
- Jquery對當前日期的操作(格式化當前日期)jQuery
- jQuery table表格行的新增和刪除jQuery
- jQuery中的DOM操作jQuery
- jquery 中的dom操作jQuery
- jQuery 表單的操作jQuery
- JQuery對ASP.NET MVC資料進行操作jQueryASP.NETMVC
- jquery 動態給table賦值jQuery賦值
- Oracle 基本操作之 tableOracle
- 使用JQuery刪除Table中的合併行jQuery
- jQuery 操作 DOMjQuery
- 關於table的一些操作
- vue對table的某一行的資料進行編輯,刪除操作Vue
- Analyze table對Oracle效能的提升Oracle
- jQuery table表格奇偶行變色效果jQuery
- 使用JQuery雙擊修改Table中TdjQuery
- jQuery對Ajax的支援jQuery
- 原聲寫法操作table
- jquery table下的核取方塊選中、取消jQuery
- 聊聊flink Table的where及filter操作Filter
- jQuery 樣式操作jQuery
- jQuery 之 [ DOM操作 ]jQuery
- 【jQuery】之DOM操作jQuery
- jQuery中DOM操作jQuery
- jQuery 操作html元素jQueryHTML