JQuery獲取表格數(shù)據(jù)示例代碼
更新時(shí)間：2014年05月26日 17:07:41 作者：
這篇文章主要介紹了通過(guò)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方法本來(lái)返回一個(gè)數(shù)組，但這里就一個(gè)元素，可以這么寫(xiě)。如果有多個(gè)元素，要具體確定某一元素可以通過(guò)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方法本來(lái)返回一個(gè)數(shù)組，但這里就一個(gè)元素，可以這么寫(xiě)。如果有多個(gè)元素，要具體確定某一元素可以通過(guò)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í)現(xiàn)為動(dòng)態(tài)添加的元素綁定事件實(shí)例分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)為動(dòng)態(tài)添加的元素綁定事件,結(jié)合實(shí)例形式分析了jQuery常見(jiàn)的事件綁定相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2018-09-09
jQuery扇形定時(shí)器插件pietimer使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jQuery扇形定時(shí)器插件pietimer的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
jQuery實(shí)現(xiàn)飛機(jī)大戰(zhàn)游戲
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)飛機(jī)大戰(zhàn)游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
jQuery設(shè)置Cookie及刪除Cookie實(shí)例分析
這篇文章主要介紹了jQuery設(shè)置Cookie及刪除Cookie的方法,結(jié)合完整實(shí)例形式分析了jQuery操作cookie的設(shè)置,獲取及刪除等操作技巧,需要的朋友可以參考下2016-04-04
這篇文章主要介紹了jQuery中empty()方法用法,以實(shí)例形式分析了empty()方法的功能、定義及將匹配元素中的所有內(nèi)容移除的使用技巧,需要的朋友可以參考下2015-01-01
遍歷每一行的同時(shí)一定要記住這里是gridviewrow不是datarow，找到這個(gè)選中項(xiàng)在執(zhí)行刪除2013-04-04
jq stop()和:is(:animated)的用法及區(qū)別(詳解)
下面小編就為大家?guī)?lái)一篇jq stop()和:is(:animated)的用法及區(qū)別(詳解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
jquery是等待頁(yè)面加載完數(shù)據(jù)，以及頁(yè)面部分元素；js是頁(yè)面全部加載完成才執(zhí)行初始化加載，具體示例祥看本文2014-04-04
jQuery實(shí)現(xiàn)王者榮耀手風(fēng)琴效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)王者榮耀手風(fēng)琴效果的代碼內(nèi)容，需要的朋友們可以學(xué)習(xí)下。2020-01-01
jQuery Ajax傳值到Servlet出現(xiàn)亂碼問(wèn)題的解決方法
jquery ajax 傳值給Servlet,在Servlet里Get接受參數(shù)亂碼,怎么解決呢？下面小編給大家?guī)?lái)了jquery ajax傳值到Servlet出現(xiàn)亂碼問(wèn)題的解決方法，一起看看吧2016-10-10