js获取table下的各个<td>值

最新推荐文章于 2021-01-19 14:45:29 发布

凌晨三点半..

最新推荐文章于 2021-01-19 14:45:29 发布

阅读量2.5k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/llb522628/article/details/98228872

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

js获取<table>下的各个<td>值

代码：

在这里插入图片描述

<table id="dynamicTable" class="dynamicTable" width="100%" border="1" cellspacing="0" cellpadding="0">
		<thead>
		    <tr>
		        <td width="5%" class="bg">序号</td>
				<td width="15%" class="bg">被羁押人员姓名</td>
				<td width="10%" class="bg">性别</td>
				<td width="15%" class="bg">证件类型</td>
				<td width="25%" class="bg">证件号码</td>
				<td width="20%" class="bg">出生年月</td>
				<td width="10%" class="bg" colspan="2">操作</td>
		   </tr>
		   <tr style="display: none">
		         <input type="hidden" id="NO" name="NO" data-no="2" />
		    </tr>
	   </thead>
	   <tbody id="shuju">
			   <tr>
			        <td align="center">1</td>
					<td><input name="prisonerName" id="prisonerName1"/></td>
					<td>
						<select  name="prisonerSex" id="prisonerSex1">
							<option value="">-请选择-</option>
							<option value="男" >男</option>
							<option value="女" >女</option>
						</select>
					</td>
					<td><input name="prisonerZjlxName" id="prisonerZjlxName1" value="身份证"/></td>
					<td><input name="prisonerZjlxCode" id="prisonerZjlxCode1"/></td>
					<td>
				           <input type="text" id="prisonerBirthDate1" name="prisonerBirthDate" onclick="addDate(1)" readonly/>
				    </td>
					<td><input type="button" class="addRow" onClick="addrow()" value="增加一行"></td>
					<td><input type="button" class="deleteRow" onClick="deltr(this)" value="删除一行"></td>
			  </tr>
		</tbody>
		</table>

2. js代码：
在这里插入图片描述

		function getTd(){ 
		    var trList = $("#shuju").find("tr");//获取id=shuju下的所有tr
		    for (var i=0;i<trList.length;i++) { //遍历tr
		        var tdArr = trList.eq(i).find("td");//循环去处tr下的td
		        //var id = tdArr.eq(0).text();//获取id
		        var prisonerName = $("#prisonerName1").val();//获取该tr下td中的input框id为 prisonerName1的值
		        var prisonerSex = $("#prisonerSex1").val();//获取该tr下td中的input框id为 prisonerSex1的值
		        var prisonerZjlxName = $("#prisonerZjlxName1").val();//获取该tr下td中的input框id为 prisonerZjlxName1的值
		        var prisonerZjlxCode = $("#prisonerZjlxCode1").val();//获取该tr下td中的input框id为 prisonerZjlxCode1的值
		        var prisonerBirthDate = $("#prisonerBirthDate"+id+"").val();//获取该tr下td中的input框id为prisonerBirthDate"+id+"的值
		}