JQuery獲取表格數(shù)據(jù)示例代碼
更新時(shí)間：2014年05月26日 17:07:41 作者：
這篇文章主要介紹了通過JQuery如何獲取表格數(shù)據(jù)，下面有個(gè)不錯(cuò)的示例，大家可以參考下
有這樣一個(gè)表格：
點(diǎn)擊刪除執(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方法本來返回一個(gè)數(shù)組，但這里就一個(gè)元素，可以這么寫。如果有多個(gè)元素，要具體確定某一元素可以通過Jquery使用的選擇器進(jìn)行選擇確認(rèn)或者使用枚舉：在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");//這里獲取第四行第三列的分值文本框值。
}
點(diǎn)擊刪除執(zhí)行保存，需要執(zhí)行onclick事件SaveItem("<%#Eval("ID")>",this);
在JS中
復(fù)制代碼 代碼如下:
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方法本來返回一個(gè)數(shù)組，但這里就一個(gè)元素，可以這么寫。如果有多個(gè)元素，要具體確定某一元素可以通過Jquery使用的選擇器進(jìn)行選擇確認(rèn)或者使用枚舉：在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在頁面加載時(shí)動(dòng)態(tài)修改圖片尺寸的方法
這篇文章主要介紹了jQuery在頁面加載時(shí)動(dòng)態(tài)修改圖片尺寸的方法,實(shí)例分析了jQuery操作圖片的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
jQuery 自動(dòng)增長(zhǎng)的文本輸入框?qū)崿F(xiàn)代碼
文本輸入框內(nèi)的字?jǐn)?shù)不能確定，而input type="text"的size是固定的，當(dāng)字?jǐn)?shù)超過size時(shí)（默認(rèn)是20），先輸入的內(nèi)容就會(huì)從文本框的左端隱藏起來，不便于輸入。2010-04-04
一款Jquery 分頁插件的改造方法（服務(wù)器端分頁）
分頁幾乎是每個(gè)外部程序必不可少的東西，在webform時(shí)代很多人都用過AspNetPager這個(gè)用戶控件吧，用的人之多其實(shí)就在于它的優(yōu)點(diǎn)2011-07-07
js原生態(tài)函數(shù)中使用jQuery中的 $(this)無效的解決方法
今天遇到一個(gè)聽郁悶的問題，正如title所說 js中原生態(tài)函數(shù)在jQuery 中使用 $(this) 被解析成undefined2011-05-05
jQuery實(shí)現(xiàn)切換頁面過渡動(dòng)畫效果
這是一款效果非?？岬膉Query和CSS3通過AJAX調(diào)用切換頁面過渡動(dòng)畫特效插件。該頁面切換特效使用AJAX來動(dòng)態(tài)加載鏈接內(nèi)容，在頁面加載的時(shí)候，使用CSS3來制作非?？岬捻撁孢^渡動(dòng)畫效果。插件中使用pushState方法來管理瀏覽器的瀏覽歷史，需要的朋友可以參考下2015-10-10
這篇文章主要介紹了jQuery回調(diào)方法使用,結(jié)合具體實(shí)例形式分析了jQuery回調(diào)方法的原理、定義及使用方法,需要的朋友可以參考下2017-06-06
jquery精度計(jì)算代碼 jquery指定精確小數(shù)位
這篇文章主要為大家詳細(xì)介紹了jquery精度計(jì)算代碼,jquery指定精確小數(shù)位，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
本篇文章主要是對(duì)JS中的log對(duì)象獲取以及debug的寫法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-03-03
jquery實(shí)現(xiàn)省市select下拉框的替換(示例代碼)
本篇文章主要是對(duì)jquery實(shí)現(xiàn)省市select下拉框的替換(示例代碼)進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
這篇文章主要介紹了jQuery屬性選擇器用法,結(jié)合實(shí)例形式分析了jQuery屬性選擇器功能、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-06-06