jquery 讀取table tr td 中的資料

2021-08-28 16:30:57 字數 1278 閱讀 7276

難點:

(1)動態增加、刪除tr和td

(2)每天tr和td都有下標,且下標要動態變化,

(3)tr和td為什麼下標不能隨便寫,原因是此處需要把所有tr中的資料以list的形式傳送到後台物件中,所有每天tr中的tr中name=『物件[index].屬性』,必須有下標且下標要從0開始且要連續不能跳躍

(4)增加tr和td需要學習細節有:

建立td   var $tdname = $(""); 

td新增內容   $tdname.html("");

(5)刪除tr和td的學習細節有:

把要刪除的tr下標傳回     delrows(sub)

如何刪除tr      $("#_tr_"+sub).remove();

迴圈後面的tr如何獲取每個td  每天td的對應name屬性角標要全部修改

$("input[name='teams["+i+"].uname']").attr("name","teams["+(i-1)+"].uname");

(6)本內容關鍵是熟悉jquery的選取器  方法等知識點

而且要細心,自己在做的時候下標總是調不對(原因是name賦值時誤加了'和]符號)

//新增團隊資訊的

function insertrows()

//刪除tr和td並且移動後面的tr和td且下標要一致

function delrows(sub){

//var temp=; 本來用於儲存上移動tr中的td屬性值 後來發現會自動匹配資料 所以隱藏了

var rownum=sub+1; //此處的規律是:行號為下標+1

var tb1 = $("#viewtabs"); //找table的id

var temprow = $("#viewtabs tr").size();//獲取**的行數

if (temprow >rownum){

$("#_tr_"+sub).remove(); //刪除tr

for (i=(parseint(sub)+1);ihtml

姓名單位

履歷亮點

是否是導師

操作

是   否

是  否

jQuery讀取xml檔案

050050 5002000 1025 2000 5000 15125 5000 20000 20375 20000 40000 251375 40000 60000 303375 60000 80000 356375 80000 100000 4010375 100000 99999999 451...

Jquery讀取Json並解析

客戶端訪問伺服器後action中的 description 根據父親id獲取子選單列表 public actionresult getsubmenuitem int parentid var json from submenu in u.menupermissions where submenu.p...

jQuery讀取和設定KindEditor值的方法

在使用kindeditor的時候,想要利用ajax傳值,但是通過editor封裝的方法是行不通的,原因在於編輯器我們是放在另乙個jsp頁面,通過iframe來載入的,同時這個iframe的display none 的,要通過乙個事件來觸發。複製 如下 既然原本方法行不通,那我就只好通過jquery來...