<html>
<head>
<title></title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<input type="button" onclick="showTable('mailTable');" value="遍历table"/>
<input type="button" onclick="showTd('aa');" value="取得td的index"/>
<table id="mailTable">
<tr>
<td name="god"><input name="input1" value="th00" hidden="343434" ></td>
<td>wo</td>
</tr>
<tr >
<td name="god"><input name="input3" hidden="aaa" ></td>
<td name="god"><input name="input4" hidden="bbb" ></td>
</tr>
<tr>
<td><input name="input5" value="th20"></td>
<td><input name="input6" value="th21"></td>
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
function showTable(id){
var tb=document.getElementById(id);
var rows=tb.rows;
for(var i=0;i<rows.length;i++){
var cells=rows[i].cells;
for(var j=0;j<cells.length;j++){
alert("获得的$(cells[j]).attr('name'):"+$(cells[j]).attr("name"));
if ($(cells[j]).attr("name")=="god"){
alert("name=" +cells[j].childNodes[0].name +" value="+ cells[j].childNodes[0].value + " hidden=" +cells[j].childNodes[0].hidden ); //.hidden返回的是true/false
}
}
}
}
function showTd(id){
var td=document.getElementById(id);
var cell=td.parentElement;
var cells=cell.cells;
alert("cell.cells:"+cell.cells+" ,cell:"+cell);
alert("cells[0]:"+cells[0]+" ,$(cells[0]).attr('name'):"+$(cells[0]).attr('name'));
alert("cells[0].childNodes[0].name:"+cells[0].childNodes[0].name);
alert(cells[0].cellIndex);
}
//<input>的name属性可以通过.name来获取，而<td>的那么属性不能，但可以通过attr("name")来获取
</SCRIPT>
</body>
</html>
分享到：
相关推荐
本文将深入探讨如何使用JavaScript来遍历含有input的table，并结合实例讲解如何利用jsp读取数据库动态生成表格，以及JavaScript遍历table的相关技术。 首先，我们来看一个典型的HTML表格结构，如以下代码所示： ``...
2. find方法：在获得div后，使用.find("table[name='info']")方法来选取所有具有特定name属性的表格。find方法用于在指定的元素集合中递归地搜索所有匹配的后代元素。 3. 遍历表格：通过for循环结合.eq(i)方法遍历...
// 如果当前行和下一行的单元格内容相同，则隐藏下一行的单元格，并增加当前单元格的 rowSpan 属性值 table.rows[j].cells[c].style.display = 'none'; table.rows[i].cells[c].rowSpan++; } else { break; } ...
这里的`:prop`属性值是动态计算的，`scope.$index`代表当前行的索引，结合`tableData`数组中的键名，确保了每个输入框都有相应的验证规则。 对于`el-input`中的`v-model`，我们需要将其绑定到`scope.row`上，以便...
在JavaScript和Vue.js的开发环境中，Ant Design Vue (antd-vue)是一个常用UI库，用于构建用户界面。本文将深入探讨如何使用antd-vue和Vue实现动态验证循环属性的表单，满足以下需求： 1. **名称**、**对比项**和**...
这里，`tableData`是包含表格数据的数组，每个对象都有一个`inputValue`属性用于存储输入框的值。`@input="handleInput"`监听输入事件，`handleInput`方法可以接收输入事件和当前行的索引，从而更新相应的数据。 ##...
在JavaScript中，动态增加table是一种常见的操作，尤其在网页交互和数据展示中。在这个场景中，我们看到的代码是用于JSP页面上的一个功能，它允许用户动态添加表格行（`<tr>`）到已有表格中。以下是相关知识点的详细...
本示例主要展示了如何使用JavaScript遍历表格的内容以及获取表元（cell）的属性值。以下将详细讲解这两种方法。 首先，我们来看第一种方法：遍历并输出Table中的内容。 ```javascript function f() { var t = ...
标题中提到的“JS选中checkbox后获取table内一行TD所有数据的方法”，指的是通过JavaScript编程技术实现，在用户选中表格中某一行的复选框时，获取该行中所有单元格（TD）的内容。此技术主要应用于Web开发中，可以...
### JavaScript 实现输入多行动态输入 在网页开发过程中，特别是在使用JSP处理用户输入时，经常需要收集用户的多行输入。本篇文章将基于提供的标题、描述和部分内容，详细阐述如何利用JavaScript实现输入多行动态...
最后通过`tdArr.eq(index).find("input").val()`获取每个`<td>`内`<input>`元素的值，这里的index是`tdArr`数组中的索引，分别对应不同的输入值，比如收入类别、收入金额等。 知识点四：jQuery遍历表格tr获取td值的...
另外，还有一个隐藏的input元素（id为`tdInitValue`），用于保存单元格修改前的原始值，以便用户点击取消按钮时，可以将单元格内容恢复到原始值。最后，这个Div将作为HTML内容替换原单元格内容。 当用户完成文本...
在本文中，我们将探讨如何使用JavaScript（JS）动态生成表格，并将表格中的数据提交到后端服务器。动态生成表格是Web开发中常见的需求，特别是在需要用户输入数据并提交给服务器进行处理的场景中。掌握这一技能对于...
在Vue.js开发过程中，我们经常会遇到这样一个问题：数据已经成功更新了，但界面却未随之刷新，这无疑会给开发者带来困扰。Vue的核心理念是“数据驱动视图”，即当数据发生变化时，视图应当自动更新。然而，在某些...
在jQuery中，可以方便地对这些元素进行操作，比如获取或设置`<input>`的值，以及处理用户提交的表单数据。 在源码中，"132677908832234187"很可能是主要的JavaScript文件，可能包含了实现这些特性的代码。开发者...
在JavaScript编程中，"JS表格自增行（包括控件）"是一个常见的需求，尤其是在Web应用中处理数据展示和编辑时。这个主题涉及到如何动态地向HTML表格添加新行，并且这些新行可能包含各种输入控件，如文本框、复选框、...
` 每添加完一行后，计数器`count`递增，以便为新行的输入框设置唯一的name属性值。 - `function del(btn)` 函数用于删除用户点击的行。 - `var tr = btn.parentElement.parentElement;` 获取被删除按钮所在的行。 ...
在Web开发中，表格(table)是常见的结构化数据显示方式。当需要对表格中的数据进行处理，比如获取每一行(tr)中的第一个单元格(td)的数据时，使用jQuery能够非常方便地实现这一需求。jQuery是一个快速、小巧、功能丰富...
2. 创建一个新的`tr`元素，并设置其属性，比如id。 3. 在`tr`元素中添加需要的单元格（`td`元素），并为单元格添加相应的输入控件，如`input`或`textarea`。 4. 将新创建的`tr`元素追加到`tbody`元素中。 例如，在...