HTML页面中使用JQuery获取表格的所有单元的的数据

首先在IE下面  var mytable = document.getElementById("mytable").rows[1].cells[2].innerHTML; 
这种方式 IE下面回报错;说没有.innerHTML的值;查资料发现是因为 .innerHTML和jQuery冲突

那只能用jQuery的方式获取单元的值了

1.先获取表格有几行数据和几列数据
          var rows = document.getElementById("playlistTable").rows.length; //获得行数(包括thead)
          var colums = document.getElementById("playlistTable").rows[0].cells.length; //获得列数

2.循环获取每个单元格的数据

获取方式是  var tdValue = $("#playlistTable tr:eq("+i+") td:eq(0)").html();//其中i是变量;要用那种方式“”

正常情况是var tdValue = $("#playlistTable tr:eq(0) td:eq(0)").html();

if(rows > 1){// 不要第一行的 thead)
            for (var i = 1; i < rows; i++) { //每行
                var PayObj = new Object();
                PayObj.O_NBR = O_NBR;
                var tdValue = $("#playlistTable tr:eq("+i+") td:eq(0)").html();
                if(tdValue == "POS录入"){
                   PayObj.P_PAY_TYP = "3";
                   PayObj.P_POS = $("#playlistTable tr:eq("+i+") td:eq(5)").html();
                   PayObj.P_NBR = $("#playlistTable tr:eq("+i+") td:eq(4)").html();
                   PayObj.P_HL_ZH = $("#playlistTable tr:eq("+i+") td:eq(7)").html();
                }

3.其他发现

就是在 js里面 也可以用对象的方式封装数据

(1)   //初始化JSON数组;这是对象数组
             var a = JSON.parse("{\"title\":\"\",\"data\":[]}");

(2)初始化对象

var PayObj = new Object();
                PayObj.O_NBR ="123456789";

PayObj.NAME ="吴水水";

(3)添加对象到数组

a.data.add(PayObj);

(4)格式化数据

///格式化数据
                var obj=JSON.stringify(a);

(5)提交到后台

$.ajax({
                        url: "${applicationScope.rootpath}contract/savePayOffInforOfAll.action",
                        type: "post",
                        data: {‘param‘:obj},
                        datatype: "json",
                        success: function (data) {
                            var obj = eval("(" + data + ")");
                            if (obj.success) {
                                mini.unmask();
                                alert(obj.message);
                                
                                location.reload();
                            }
                            else {
                                mini.unmask();
                                alert(obj.message);
                            }
                        }
                    });

(6)后台解析数据

String param = request.getParameter("param");
              JSONObject json=JSONObject.fromObject(param);
             @SuppressWarnings("unchecked")
             List<Map<String,String>> payList=json.getJSONArray("data");

下面就能正常的list结合操作数据了

时间: 2024-10-18 16:14:15

HTML页面中使用JQuery获取表格的所有单元的的数据的相关文章

Java项目在jsp页面中引入jquery框架的步骤

环境:在Java  web项目中引入juqery框架 工具:MyEclipse8.5 [步骤如下] A:新建一个Java web项目TestJquery,在WebRoot目录下创建一个jquery文件夹 B:下载jquery-1.8.3.min.js放入jquery文件夹中 C:创建jsp页面 <%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%&g

jsp页面中使用javascript获取后台放在request或session中的值

在JSP页面中.常常使用javascript,可是要出javascript获取存储在request,session, application中的值.例如以下是获取request中的值: 如果后台中有: request.setAttribute("value", "123"); 在前台的javascript中有例如以下获取方式: 1 : var val =  "${value}"; 2: var val = "<%=request.

JQuery 获取表格中的数据

举个例子 var arr = $('#table tbody tr td:nth-child(2)') //根据id依次找到表格中的td,而后取每列的第二个值 .map(function () { return $(this).text() }) // 使用 map 对每一个 td 进行处理,function为回调函数,返回每个元素的text .get(); // 将对象集合转换为数组 另外还可以在后面.join(",") 这将转换成字符串. jQuery下有个概念叫"类数组

jquery获取表格中动态单元格内单选框和多选框的值

1.通过table的Id获取到每行(tr)的元素, $("#table_xuan tr") 如果过滤第一行和最后一行 $("#table_xuan tr:not(:first):not(:last)") 2.通过 each()函数遍历 每一行 $("#table_xuan tr").each(function(i)){ // i 代表的是行数 $(this).children("td").each(function(j)){

ASP.Net中通过Jquery前端对Repeater控件绑定的数据进行操作

说明:由于Repeater控件是动态绑定,通过Id获取数据只能默认获取第一行: 1.对Repeater中div设置样式 2.通过$(".css").each(function(){dosome();})循环出样式为css的所有数据:比如根据不同数据值才显示不同的背景颜色: 效果: 4.如果有翻页的话,可以到后台注册一个JS函数: 前端:定义一个function 后台注册:

jQuery获取动态表格中checkbox被选中一行的属性数据

http://www.jianshu.com/p/0ec66caf4c40 jQuery获取表格中checkbox被选中一行的属性数据

SpringMVC框架下实现JSON(类方法中回传数据到jsp页面,使用jQuery方法回传)

JSON的实现,即将需要的数据回传到jsp页面: 1>.加入实现Json的三个架包到lib中:2>.目标方法上边加入注解,需要返回的值3>.在jsp页面中书写jQuery方法: eclipse中javaEE环境下的web.xml文件配置为: <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema

jQuery基础学习5——JavaScript方法获取页面中的元素

给网页中的所有<p>元素添加onclick事件 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head>

js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值

js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值本文介绍jquery/js获取当前页面url地址的方法,在jquery与js中获取当前页面url方法是一样的,因为jquery没有自己相关的函数,使用js 的windows方法来获取,相关方法如下: window.location.pathname //设置或获取对象指定的文件名或路径 window.location.href //设置或获取整个 URL 为字符串 window.location.port //设置或获