JQuery获取表格数据示例代码

有这样一个表格：

 
点击删除执行保存，需要执行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方法本来返回一个数组，但这里就一个元素，可以这么写。如果有多个元素，要具体确定某一元素可以通过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");//这里获取第四行第三列的分值文本框值。

}

赞 (0)

相关推荐

  • JQuery获取表格数据示例代码

    JQuery获取表格数据示例代码

    有这样一个表格:  点击删除执行保存,需要执行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("INPU

  • jquery解析JSON数据示例代码

    这里可以找到json.js的代码,后面还需要formutil.js的代码及MD5.js 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明. 这里首先给出JSON字符串集,字符串集如下: 代码如下: 复制代码 代码如下: var data=" { root: [ {name:'1',value

  • jquery 获取json数据实现代码

    复制代码 代码如下: //栏目 //发送ajax请求 $.getJSON( "../../../Templet/GetInfoHandler.ashx", //产生JSON数据的服务端页面 {id: "0", sid: "1;2;3", rid: Math.round(Math.random() * 10) }, //向服务器发出的查询字符串 //对返回的JSON数据进行处理 function(json) { //循环取json中的数据,并呈现在

  • jquery 获取标签名(tagName)示例代码

    jquery 获取标签名(tagName)示例代码

    如果是为了取到tagName后再进行判断,那直接用下面的代码会更方便: $(element).is('input') 如果是要取到标签用作到别的地方,可以使用一下代码: $(element)[0].tagName 或: $(element).get(0).tagName 下面是补充: jQuery 的 get(index) 方法允许选择一个实际的 DOM 元素并且对其直接操作,而不是通过 jQuery 函数,尔后可以直接访问 DOM 元素的 tagName 属性.$(this).get(0) 与

  • SpringBoot读取excel表格的示例代码

    SpringBoot读取excel表格的示例代码

    SpringBoot读取excel表格 共同探讨,向各位大佬学习 走向CEO,迎娶白富美 pom.xml依赖 <!--springboot核心依赖--> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.3.4.RELEASE</vers

  • Element实现动态表格的示例代码

    Element实现动态表格的示例代码

    目录 [代码背景] [代码实现] #1# -> 代码复用的基础是你需要一个可复用的组件 #2# -> 在展示页面使用动态表格组件 #3# -> 如何给动态表格根据需求动态添加序号列/索引列 [代码背景] 有这样一个业务需求场景,有大概十几张表归属于某个类别,用户希望在同一个页面,通过选择不同的查询指标展示不同的表格,这些表的表头样式类似但是又不完全相同,怎么做呢? 到目前为止所有基于Element UI的表格样式都是直接在页面写死的,像官方这样: <el-table :data=&

  • Java利用Easyexcel导出excel表格的示例代码

    目录 1.导入 EasyExcel Maven包 2.配置 3.输出Excel到前端 1.导入 EasyExcel Maven包 <!--easyexcel 导出excel依赖--> <dependency> <groupId>com.alibaba</groupId> <artifactId>easyexcel</artifactId> <version>2.2.7</version> </depend

  • Python实现自动整理表格的示例代码

    目录 前言 原理 目标实现 运行效果 前言 今天,在工作的时候,我的美女同事问我有没有办法自动生成一个这样的表格: 第一列是院校+科目,第二列是年份,第三列是数量. 这张表格是基于这一文件夹填充的,之前要一个文件夹一个文件夹打开然后手动填写年份和数量 手动整理需要耗费较长时间,于是我便开发了一个 Python 程序用来自动生成归纳表格 利用正则表达式+OS库+openpyxl生成真题年份归纳表格 原理 第一步,遍历文件夹下的所有文件和子文件夹的名称,并获取子文件夹下的文件的年份信息和数量信息 第

  • Python实现Word表格转成Excel表格的示例代码

    准备工作 pip install docx pip install openpyxl 具体代码 # 没有的先pip install 包名称 from docx import Document from openpyxl import Workbook document = Document('Docx文件路径.dicx') count = 0 tables = [] wb = Workbook() ws = wb.active # 设置列数,可以指定列名称,有几列就设置几个, # A对应列1,B

  • JQuery实现表格数据行上移与下移

    JQuery实现表格数据行上移与下移

    本文实例为大家分享了JQuery实现表格数据行上移与下移的具体代码,供大家参考,具体内容如下 效果展示 代码实现 <!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <title>Bootstrap 实例 - 条纹表格</title>     <link rel="stylesheet" href="https

随机推荐