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-tablejQuery
- jquery 封裝 bootstrap tablejQuery封裝boot
- JQuery的DOM操作jQuery
- jquery獲得option的值和對option進行操作jQuery
- jQuery table表格行的新增和刪除jQuery
- jquery 中的dom操作jQuery
- jQuery中的DOM操作jQuery
- Jquery對當前日期的操作(格式化當前日期)jQuery
- Html DOM操作TABLEHTML
- jQuery 操作 DOMjQuery
- JQuery對ASP.NET MVC資料進行操作jQueryASP.NETMVC
- jQuery的radio,checkbox,select操作jQuery
- jquery table下的核取方塊選中、取消jQuery
- 聊聊flink Table的where及filter操作Filter
- 關於table的一些操作
- jQuery對Ajax的支援jQuery
- 【jQuery】之DOM操作jQuery
- jQuery 之 [ DOM操作 ]jQuery
- jQuery 樣式操作jQuery
- jQuery table內容點選標題排序jQuery排序
- vue對table的某一行的資料進行編輯,刪除操作Vue
- Analyze table對Oracle效能的提升Oracle
- 類操作是什麼意思?jQuery的類操作教程jQuery
- 原聲寫法操作table
- jQuery table表格隔行換色程式碼例項jQuery
- jQuery入門-DOM操作jQuery
- jquery操作手冊jQuery
- jQuery的基礎操作——選擇器jQuery
- 類操作是什麼意思?jQuery的類操作教程分享jQuery
- 【Azure 儲存服務】Python模組(azure.cosmosdb.table)直接對錶儲存(Storage Account Table)做操作示例Python
- jQuery 元素操作——遍歷元素jQuery
- jQuery系列第三章jQuery框架操作CSSjQuery框架CSS
- Element-UI的table表格的樣式的常用的操作UI
- iframe的操作-Js/Jquery獲取iframe中的元素JSjQuery
- jQuery元素內容操作的方法有多少種?jQuery
- jQuery相對運用jQuery
- 關於JQuery操作checkbox問題jQuery
- jquery操作radio取值以及選中jQuery