JQuery獲取表格數(shù)據(jù)示例代碼
更新時間:2014年05月26日 17:07:41 作者:
這篇文章主要介紹了通過JQuery如何獲取表格數(shù)據(jù),下面有個不錯的示例,大家可以參考下
有這樣一個表格:
點擊刪除執(zhí)行保存,需要執(zhí)行onclick事件SaveItem("<%#Eval("ID")>",this);
在JS中
function SaveItem(id,btn)
{
var tbl = $(btn).parent().parent().parent();
//table 第二行記錄
var dj = tbl.children().eq(1).chilren().eq(3).find("INPUT").attr("value");//find方法本來返回一個數(shù)組,但這里就一個元素,可以這么寫。如果有多個元素,要具體確定某一元素可以通過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();//這里查找的是第三行第三列的試題文本框的內(nèi)容。 如果你使用ASP.NET的ASP.NET TextBox控件 且是多行模式 在這里TagName就是‘TEXTAREA' ,用attr("value")方法或直接用text()方法獲取值。
var mark = tbl.children().eq(3).children().eq(1).find("INPUT").attr("value");//這里獲取第四行第三列的分值文本框值。
}
點擊刪除執(zhí)行保存,需要執(zhí)行onclick事件SaveItem("<%#Eval("ID")>",this);
在JS中
復制代碼 代碼如下:
function SaveItem(id,btn)
{
var tbl = $(btn).parent().parent().parent();
//table 第二行記錄
var dj = tbl.children().eq(1).chilren().eq(3).find("INPUT").attr("value");//find方法本來返回一個數(shù)組,但這里就一個元素,可以這么寫。如果有多個元素,要具體確定某一元素可以通過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();//這里查找的是第三行第三列的試題文本框的內(nèi)容。 如果你使用ASP.NET的ASP.NET TextBox控件 且是多行模式 在這里TagName就是‘TEXTAREA' ,用attr("value")方法或直接用text()方法獲取值。
var mark = tbl.children().eq(3).children().eq(1).find("INPUT").attr("value");//這里獲取第四行第三列的分值文本框值。
}
相關(guān)文章
jQuery實現(xiàn)為動態(tài)添加的元素綁定事件實例分析
這篇文章主要介紹了jQuery實現(xiàn)為動態(tài)添加的元素綁定事件,結(jié)合實例形式分析了jQuery常見的事件綁定相關(guān)操作技巧與注意事項,需要的朋友可以參考下2018-09-09
jq stop()和:is(:animated)的用法及區(qū)別(詳解)
下面小編就為大家?guī)硪黄猨q stop()和:is(:animated)的用法及區(qū)別(詳解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
jQuery Ajax傳值到Servlet出現(xiàn)亂碼問題的解決方法
jquery ajax 傳值給Servlet,在Servlet里Get接受參數(shù)亂碼,怎么解決呢?下面小編給大家?guī)砹薺query ajax傳值到Servlet出現(xiàn)亂碼問題的解決方法,一起看看吧2016-10-10

