获取多个table某个td的值(如果IE 不支持each循环,怎么解决)

本文对比了JavaScript中如何通过each和for循环在动态生成的表格中提取'td'元素的assignDate属性。讲解了两种方法的具体实现和适用场景。

1、使用each循环

// 因为代码中多个表格是js动态生成,赋与id+数字,index下标这边指代就是数字
    $('#form' + index +' td').each(function(){
// 获取到表中所有td的id名,前提是td必须设置id
        if ($(this).attr("id") == 'assignDate') {
// 这里text()读取到就是td的值
            assignDate = $(this).text();
        }
    });

2、使用for循环

// 先获得td对象
var formObject = $('#form' + index +' td');
// 获得td数量
var attrLength = formObject.length;
for (var i = 0; i < attrLength ; i++){
    for (var i = 0; i < attrLength ; i++){
//这里直接.id,.textContent就可以读取到id和内容
        if (formObject[i].id == 'assignDate') {
            assignDate = formObject[i].textContent;
        }
    }
}

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@ page language="java" import="app.system.Util"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="renderer" content="webkit"> <base href="<%=basePath%>" /> <link href="css/bootstrap.min.css?v=3.3.5" rel="stylesheet"> <link href="css/font-awesome.min.css?v=4.4.0" rel="stylesheet"> <link href="css/animate.min.css" rel="stylesheet"> <link href="css/style.min.css" rel="stylesheet"> <script src="js/jquery-2.1.1.min.js"></script> <script src="js/custom/jqueryTableyp1.js"></script> <style type="text/css"> body { font-family: "SimSun-ExtB", "宋体"; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } table{ margin: 0 auto; } </style> <script type="text/javascript"> $(function() { $('table').each(function() { $("#t2").height(430 - $("#gg").height()+15); }); window.print(); }); </script> </head> <body class="tablebody"> <div style="width:710px;border:1px solid #fff;margin: 0px auto;"> <div style="border:0px solid #fff;margin: 0px auto;"> <div id="headerInfo" > <table style="width:98%; margin-top: 10px;height:90px;" border="0" id="bt" cellpadding="0" cellspacing="0" > <%-- <tr> <td align="right" colspan="2"><img src="brandCode!create1w.do?barcode=${bean.lccb_jybh }" style="width:180px;height:100%" /> </tr> --%> <tr> <td align="center" colspan="2"><font style="letter-spacing:1px;font-family:宋体;font-size:36px;font-weight: 600; ">呼和浩特市检验检测中心检验报告 </font></td> </tr> <tr> <td style="height:13px;" colspan="2"></td> </tr> <tr> <td align="right" colspan="2"> <font style="letter-spacing:3px;font-family:宋体;font-size:16px;font-weight: bold;; ">${map.skh }</font> </td> </tr> <tr> <td style="font-family:宋体;font-size:14px;vertical-align: bottom;">报告书编号:<font style="font-size: 16px;font-weight: 600;">${bean.lccb_jybh}</font> </div></td> <td style="font-family:宋体;font-size:14px;vertical-align: bottom;" align="right" colspan="2" ><p class="pageNum" style="font-size: 14px;text-align: right;margin: 0px;padding: 0px;"></p></td> </tr> </table> <table style="width:98%;font-size: 14px;padding: 0px;line-height:16px;border-bottom: none" bordercolor="#000" border="1" class="basicTable"> <colgroup> <col width="15%" > <col width="35%" > <col width="15%" > <col width="35%" > </colgroup> <tr> <td align="center" height="35px">检品名称</td> <td class="data" style="padding-left:5px;">${bean.lccb_jpmc}</td> <td align="center" height="35px">检品编号</td> <td class="data" align="left" height="35px">${bean.lccb_jybh}</td> </tr> <tr> <td align="center" height="35px">批        号</td> <td class="data" style="padding-left:5px;word-wrap:break-word; word-break:break-all;">${bean.lccb_ph }</td> <td align="center">规        格</td> <td class="data" style="padding-left:5px;word-wrap:break-word; word-break:break-all;">${bean.lccb_gg}</td> </tr> <tr> <td align="center" height="35px">标示生产单位<br>或产地</td> <td class="data" height="35px">${bean.lccb_scdw}</td> <td align="center" height="35px">包装规格</td> <td class="data" height="35px">${bean.lccb_baozfl }</td> </tr> <tr> <td align="center" height="35px">生产日期</td> <td class="data" style="padding-left:5px;">${bean.lccb_scrq }</td> <td align="center" height="35px">有效期至</td> <td class="data" align="left" height="35px">${bean.lccb_yxq }</td> </tr> <tr> <td align="center" height="35px">供样单位名称<br>及地址</td> <td class="data" style="padding-left:5px;"> <c:choose> <c:when test="${bean.lccb_gydw eq '/' && bean.lccb_gydwdz eq '/'}"> / </c:when> <c:otherwise> ${bean.lccb_gydw}${bean.lccb_gydwdz} </c:otherwise> </c:choose> </td> <td align="center">检品数量</td> <td class="data" style="padding-left:5px;word-wrap:break-word; word-break:break-all;">${bean.lccb_jpsl}</td> </tr> <tr> <td align="center" height="35px">检验目的</td> <td class="data" style="padding-left:5px;">${bean.lccb_jymdxl}</td> <td align="center" >有效期()</td> <td class="data" style="padding-left:5px;">${empty bean.lccb_yxq?"/":bean.lccb_yxq}</td> </tr> <tr> <td align="center" height="35px">委托单位名称<br>及地址</td> <td class="data" style="padding-left:5px;"> <c:choose> <c:when test="${bean.lccb_wtdw eq '/' && bean.lccb_wtdwdz eq '/'}"> / </c:when> <c:otherwise> ${bean.lccb_wtdw}${bean.lccb_wtdwdz} </c:otherwise> </c:choose> </td> <td align="center" >样品状态</td> <td class="data" style="padding-left:5px;">${bean.lccb_chouyfyzt}</td> </tr> <tr> <td align="center" height="35px">被抽样单位</td> <td class="data" style="padding-left:5px;word-wrap:break-word; word-break:break-all;">${bean.lccb_bcydw}</td> <td align="center">留样数量</td> <td class="data" style="padding-left:5px;word-wrap:break-word; word-break:break-all;">${bean.lccb_lysl}</td> </tr> <tr> <td align="center" height="35px">检验目的</td> <td class="data" style="padding-left:5px;word-wrap:break-word; word-break:break-all;">${bean.lccb_jymddl }<c:if test="${not empty bean.lccb_jymdxl }"> (${bean.lccb_jymdxl }) </c:if></td> <td align="center">留样签收</td> <td class="data" style="padding-left:5px;word-wrap:break-word; word-break:break-all;">${bean.lccb_lyqs}</td> </tr> <tr> <td align="center" height="35px">检验项目</td> <td class="data" style="padding-left:5px;"><c:choose> <c:when test="${ not empty bean.lccb_jyxmqt }"> ${bean.lccb_jyxmqt } </c:when> <c:otherwise> ${bean.lccb_jyxm } </c:otherwise> </c:choose> </td> <td align="center" height="25px">经办人</td> <td class="data" style="padding-left:5px;">${bean.lccb_jbr}</td> </tr> <tr style="border-bottom: none"> <td style="border-bottom: none" align="center" height="35px">检验依据</td> <td class="data" colspan="3" style="padding-left:5px;border-bottom: none"> <c:choose> <c:when test="${ not empty bean.lccb_jyxmqt }"> ${bean.lccb_jyxmqt } </c:when> <c:otherwise> ${bean.lccb_jyxm } </c:otherwise> </c:choose> </td> </tr> </table> </div> <table id="tabContent" style="width:98%;font-size: 14px;border-collapse:collapse;" border="1" > <thead> <tr> <td width="1.5%" style="border:0;"></td> <td width="18%" align="left" style="border:0;padding-left:15px;" height="25px">检验项目</td> <td width="36%" align="left" style="border:0;padding-left:30px;">标准规定</td> <td width="26%" align="left" style="border:0;padding-left:25px;">检验结果</td> <td width="1.5%" style="border:0;"></td> </tr> </thead> <tbody> <c:set var="jydl" value=""></c:set> <c:forEach items="${map.list }" var="subject"> <c:choose> <c:when test="${subject.lcs_jydl=='000'||subject.lcs_jydl=='/'}"> <tr> <td style="border:0;"></td> <td align="left" valign="top" class="td1" style="border:0;padding-left:13px;">    ${subject.lcs_jyxm }</td> <td align="left" valign="top" class="td1" style="border:0;padding-left:30px;word-break:break-all;">${subject.lcs_bzgd }</td> <td align="left" valign="top" class="td1" style="border:0;padding-left:25px;height:20px;">${subject.lcs_jyjg }<c:if test="${fn:contains(subject.lcs_jyjl ,'不') }">(不符合规定)</c:if></td> <td style="border:0;"></td> </tr> </c:when> <c:otherwise> <tr> <td style="border:0;"></td> <td align="left" class="td1" style="border:0;height:20px;padding-left:13px;">【${subject.lcs_jydl }】</td> <td align="left" class="td1" style="border:0;"></td> <td align="left" class="td1" style="border:0;"></td> <td style="border:0;"></td> </tr> <tr> <td style="border:0;"></td> <td align="left" class="td1" valign="top" style="border:0;padding-left:13px;">    ${subject.lcs_jyxm }</td> <td align="left" class="td1" valign="top" style="border:0;padding-left:30px;word-break:break-all;">${subject.lcs_bzgd }</td> <td align="left" class="td1" valign="top" style="border:0;padding-left:25px;height:20px;">${subject.lcs_jyjg } <c:if test="${fn:contains(subject.lcs_jyjl ,'不') }">(不符合规定)</c:if> </td> <td style="border:0;"></td> </tr> </c:otherwise> </c:choose> </c:forEach> </table> <table style="width:98%;margin-top:0px; font-size: 14px;border-collapse:collapse;border: 1px solid black;border-top: 0px" id="dbtable" border="1" > <tr> <td style="padding-left: 1%" height="30px"> 备注: ${bean.lccb_bgsbz }</td> </tr> <tr> <td style="padding-left: 1%" height="30px"> 结论: <c:choose> <c:when test="${bean.lccb_zzjlyj == '/' || bean.lccb_zzjl =='/'}"> ${bean.lccb_zzjlyj },结果${bean.lccb_zzjl }。 </c:when> <c:otherwise> ${bean.lccb_zzjlyj },结果${bean.lccb_zzjl }。 </c:otherwise> </c:choose> </td> </tr> <c:if test="${not empty map.flagsy }"> <tr> <td height="60px"><font style="padding-left: 1%">批准: </font> <font style="padding-left: 30%">审核: </font> <font style="padding-left: 30%">主检: </font></td> </tr> </c:if> <c:if test="${ empty map.flagsy }"> <tr> <td height="50px"> <font style="padding-left: 1%">批准:<img width="80px" height="45px" alt="" src="<%=basePath%>sign/${bean.lccb_qianfr }.png"></font> <font style="padding-left: 20%">审核:<img width="80px" height="45px" alt="" src="<%=basePath%>sign/${bean.lccb_ywkzrsh }.png"></font> <font style="padding-left: 20%">主检:<img width="80px" height="45px" alt="" src="<%=basePath%>sign/${bean.lccb_zjkszrsh }.png"></font> </td> </tr> </c:if> </tbody> </table> </div> </div> </body> <script type="text/javascript"> $(function() { rowHeight(); window.print(); }); $(".data").each(function(){ var val = $(this).text().trim(); if(!val)$(this).text("/") }) function rowHeight() { $("#tabContent") .printTable( { mode : "rowHeight", header : "#headerInfo", footer : "#footerInfo", breakClass : "PageNext", pageNumStyle : "第 #p 页 共 #P 页", pageNumClass : ".pageNum",//页码 startPage : 1,//从第几页开始 pageHeight : 1090, iskb : true,//空白位置中间false下边true isyc : false,//是否有隐藏内容 isscdl : true,//第一行是否添加大类 endkbwz : "<p style='text-align: center;width:100%;margin:0px;padding:0px;'>----以下空白----</p>", //kbwz:"", autoheight : false, kbwz : "vertical-align: top;border:0px;'><p style='text-align: center;width:100%;margin:0px;padding:0px;'>----接下一页----</p>", jsyt: "vertical-align: top;border:0;border-right:1px solid #000;height:23px'><p style='text-align: center;width:100%;margin:0px;'>----接上一页----</p>", ycnr : ".yc",//要隐藏的内容 dbgd : "#dbtable"//没有统一底部时调用 }); $(".pageNum:visible").each(function(i) { var count = $(".pageNum:visible").length; $(this).html("第 " + (i + 1) + " 页,共 " + count + " 页"); }); } </script> </html>上述代码哪里出现了问题导致检验项目格式混乱并且该如何修改
最新发布
12-11
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值