首頁  >  文章  >  web前端  >  JQuery取得表格資料範例程式碼_jquery

JQuery取得表格資料範例程式碼_jquery

WBOY
WBOY原創
2016-05-16 16:46:561406瀏覽

有這樣一個表格:

JQuery取得表格資料範例程式碼_jquery 
點擊刪除執行儲存,需要執行onclick事件SaveItem("",this);

在JS

複製程式碼 程式碼如下:

function SaveItem(idtn(idtn >{
var tbl = $(btn).parent().parent().parent();

//table 第二行記錄

var dj = tbl.children ().eq(1).chilren().eq(3).find("INPUT").attr("value");//find方法本來傳回一個數組,但這裡就一個元素,可以這麼寫。如果有多個元素,要具體確定某一元素可以透過Jquery使用的選擇器進行選擇確認或使用枚舉:在find("INPUT").each(function(i){

// alert($(this).attr("value"));

//賦值

$(this).attr("value","YOUR_VALUE");

})
var content=tbl.children().eq(2).children().eq(1).find("TEXTAREA").text();//這裡找的是第三行第三列的試題文字方塊的內容。 如果你使用ASP.NET的ASP.NET TextBox控制項 且是多行模式 在這裡TagName就是‘TEXTAREA' ,用attr("value")方法或直接用text()方法取得值。

var mark = tbl.children().eq(3).children().eq(1).find("INPUT").attr("value");//這裡取得第四行第三列的分數文字方塊值。

}

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn