查找隐藏在td中的input框的value值

最新推荐文章于 2021-03-24 16:37:29 发布
原创 最新推荐文章于 2021-03-24 16:37:29 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何使用Jquery的parent()和find()方法组合，精确定位并获取隐藏在表格单元格(td)内的特定input元素的值。具体实现为：通过$(this).parent().find(“td”).eq(5).find(“input[name=‘textName’]”).val();这一表达式，选取第五列中name属性为'textName'的input元素。

**

Jquery通过parent()方法查找td里面隐藏input框的值

**

查找隐藏在td中的input框的value值

$(this).parent().find(“td”).eq(5).find(“input[name=‘textName’]”).val();

想要获得隐藏的input框的值
eq(5) : 代表该td下标的第五列；
然后在第五列中查找input name= textName 的值。

js实现遍历含有input的table实例
10-23
在网页开发中，经常需要处理用户输入的数据，特别是在表格（table）中，用户可能通过input元素进行交互。本文将深入探讨如何使用JavaScript来遍历含有input的table，并结合实例讲解如何利用jsp读取数据库动态生成...
点击按钮文字变成input框,点击保存变成文字的实现代码
09-28
`将元素内容替换为一个input框，并保留原有的文本值作为input的初始值。 - `$(obj).html('保存');`将按钮上的文字从“修改”改变为“保存”。 - 当点击“保存”按钮时，通过相似的方式获取每个input元素的值，并将...
php页面input隐藏,如何用php获取某个页面中的input的csrf_token？
weixin_35628611的博客
03-24 138
好问题，我这里有最好的答案。composer包："symfony/css-selector": "3.1.*","symfony/dom-crawler": "3.1.*","guzzlehttp/guzzle": "6.2.*"php代码$body = (new \GuzzleHttp\Client)->get('http://bosonnlp.com/account/login')-&g...
一个表格中可以有多个tbody ，可以控制隐藏某个tbody
limlimlim的专栏
05-27 1万+
一个表格中可以有多个tbody ，可以通过style="display:noe"来控制隐藏当前tbody 举例: 课程表 周一 周二 周三 html net javascript html加强 net高级技术 javascript Dom 晚自习
input隐藏变显示
醇醛酸酯 的博客
02-27 8632
<input type="text" style="display:none" name="t1" id="t1" value="请输入数字"> <input type="button" value="按钮">这样是隐藏了$("button").click(function(){ $(
在Table使用多个tobody来实现部分行的显示与隐藏
yangsj19870829的博客
07-16 828
    项目开发过程中  需要根据用户点击的超链接来显示/隐藏 table中的部分行。  对前台不是很熟悉， 考虑用div嵌套tr来做，结果不行。  上网一搜  发现div  要买嵌套整个table  要么放在td的里面， 才会有效。   后面在table用了多个tbody来现实该功能。     一个table可以包涵多个tbody。 ...
网页中有两个table， 默认只显示第一个table，点击一个按钮后显示第二个table，第一个table隐藏
qsd007的专栏
04-16 8584
网页中有两个table， 默认只显示第一个table，点击一个按钮后显示第二个table，第一个table隐藏444 555 var f=-1; DisplayMyTable(); function DisplayMyTable() { if(1==f) { document.getElementById("t1").style.display="none"; document.getElem
// ✅ 正确填充数据（智能识别子元素类型） const rows = Array.from(tbody.children); dataRows.forEach((dataRow, index) => { const tr = rows[index + 1]; // 对应第2、3、4...行 if (!tr) return; Array.from(tr.cells).forEach((td, cellIndex) => { const value = dataRow[cellIndex] !== undefined ? dataRow[cellIndex] : ''; // 查找 td 内的特定子元素 const input = td.querySelector('input'); const textarea = td.querySelector('textarea'); const div = td.querySelector('div'); if (input) { input.value = value; // input 使用 value } else if (textarea) { textarea.value = value; // textarea 使用 value } else if (div) { div.innerText = value; // div 使用 innerText } else if (td.hasAttribute('contenteditable')) { td.textContent = value; // 可编辑 td } else { td.textContent = value; // 默认：纯文本 } }); }); 列导入填充 只需要到第11列
最新发布
10-30
const input = td.querySelector('input'); const textarea = td.querySelector('textarea'); const div = td.querySelector('div'); if (input) { input.value = value; } else if (textarea) { textarea....
<div class="table-container"> <table> <thead> <tr> <th>序号</th> <th>业务名称</th> <th>受理主体编号</th> <th>受理主体名称</th> <th>受理时间</th> <th>是否符合规定</th> <th>具体记录情况</th> </tr> </thead> <tbody id="checkRecordBody"> <tr> <td>1</td> <td><input type="text" placeholder="请输入业务名称"></td> <td><input type="text" placeholder="请输入受理主体编号"></td> <td><input type="text" placeholder="请输入受理主体名称"></td> <td><input type="date"></td> <td> <select> <option value="" disabled selected>请选择</option> <option>是</option> <option>否</option> </select> </td> <td><input type="text" placeholder="请输入具体记录情况"></td> </tr> <tr> <td>2</td> <td><input type="text" placeholder="请输入业务名称"></td> <td><input type="text" placeholder="请输入受理主体编号"></td> <td><input type="text" placeholder="请输入受理主体名称"></td> <td><input type="date"></td> <td> <select> <option value="" disabled selected>请选择</option> <option>是</option> <option>否</option> </select> </td> <td><input type="text" placeholder="请输入具体记录情况"></td> </tr> <tr> <td>3</td> <td><input type="text" placeholder="请输入业务名称"></td> <td><input type="text" placeholder="请输入受理主体编号"></td> <td><input type="text" placeholder="请输入受理主体名称"></td> <td><input type="date"></td> <td> <select> <option value="" disabled selected>请选择</option> <option>是</option> <option>否</option> </select> </td> <td><input type="text" placeholder="请输入具体记录情况"></td> </tr> <tr> <td>4</td> <td><input type="text" placeholder="请输入业务名称"></td> <td><input type="text" placeholder="请输入受理主体编号"></td> <td><input type="text" placeholder="请输入受理主体名称"></td> <td><input type="date"></td> <td> <select> <option value="" disabled selected>请选择</option> <option>是</option> <option>否</option> </select> </td> <td><input type="text" placeholder="请输入具体记录情况"></td> </tr> <tr> <td>5</td> <td><input type="text" placeholder="请输入业务名称"></td> <td><input type="text" placeholder="请输入受理主体编号"></td> <td><input type="text" placeholder="请输入受理主体名称"></td> <td><input type="date"></td> <td> <select> <option value="" disabled selected>请选择</option> <option>是</option> <option>否</option> </select> </td> <td><input type="text" placeholder="请输入具体记录情况"></td> </tr> </tbody> </table>在每一行添加复选框用于选中
07-22
我们将在每一行的最前面插入一个 `<td>`，里面包含一个复选框 `<input type="checkbox">`。 你可以直接在 HTML 中手动添加，也可以通过 JavaScript 动态添加。 --- ### ✅ 方法一：手动在 HTML 中添加复选框列...
表格中tr的隐藏与显示问题使用tbody解决
舞动de人生
11-29 7906
function _showCondition(){ var con=$('#condition').css('display'); if(con=="none"){ $("#condition").css("display","block"); }else{ $("#condition").css("display","none"); }
分别获取在同一页面下两个动态生成的table的单选框值和textarea 文本框值
一念执着
10-19 339
&lt;tr&gt; &lt;td colspan="6"&gt; &lt;table class="table table-striped table-bordered table-hover" id="contenttable"&gt; &lt;thead align="center" style="font-weight: bold;&quo
通过标签名获得td和tr
weixin_34144848的博客
05-06 142
<tr bbb="123445"> <td> <input type=button name="dak"> </td> </tr> <script> var a = document.getElementByName("dak"); //获得inpu...
判断子div存在勾选的input就将父元素的input勾选上；负责格式化父元素的input
weixin_33671935的博客
03-21 266
$(".manage_xin_hou input").click(function() {//给子div的input绑定点击事件 var inputes=$(this).parent().parent().find('input');//父元素下所有的input var k=1; for(var g=0;g<inputes...
jQuery中常用的元素查找方法总结
slqgenius的博客
08-12 783
https://www.cnblogs.com/songjn/p/8889747.html $("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素，返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$("#myELement,div,.mycl..
jquery选择器常用查找方式
生而为人我很抱歉
06-23 1529
【代码】jquery选择器常用查找方式。
找不到隐藏的input标签
qq_29442755的博客
06-21 513
隐藏的input是????这样写的 <input name="fileId" type="hidden" value="${res}" /> 想获得value中的值，尝试了document.getElementsById(“fileId”).value； document.getElementsByName[“fileId”][0].value; document.getElementsByName(“fileId”).value; 都不行，最后应该是document.getElementsB
html隐藏input标签的三种方式
热门推荐
cxfjava的博客
11-14 1万+
html怎么隐藏input标签 _ 1 &lt;input type="hidden" /&gt; 二、 1 &lt;input type="text" style="display:none" /&gt; 2 &lt;input type="text" style="visibility: hidden;" /&gt;
Input元素在单元格居中显示
08-29
首先，用户的问题是：“我想查找让Input元素在单元格中居中显示的方法 请问如何让Input元素在单元格中居中显示”。这涉及到HTML/CSS中的布局问题，具体是如何在表格单元格中居中一个输入框。 从系统级指令中，我...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值