<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js遍历table中的tr</title>
<script language="javascript">
function matchFun(el) {
//var re = eval("/"+el+"/ig");
var re = /aaa/g;
//alert("aaa".replace(re,"gggg"));
var table1=document.getElementById('table1');
var rows=table1.rows;
//alert(rows.length);
for(var i=1;i<rows.length;i++){
if(rows[i].innerHTML.indexOf(el)>0){
for(var j=0;j<rows[i].cells.length;j++) {
var str = rows[i].cells(j).innerHTML;
rows[i].cells(j).onclick = function() {
alert(this.parentNode.innerHTML);
var cellIndex = this.cellIndex;
var tb=this.parentNode.getElementsByTagName("td");
if(tb.length>0) {
tb[cellIndex].style.backgroundColor='#CCFFCC';
//alert(tb[cellIndex].innerHTML);
}
}
rows[i].cells(j).innerHTML = str.replace(re,"<span style='color:red'>"+str+"</span>");
}
} else {
rows[i].style.display = 'none';
}
}
}
</script>
</head>
<body>
<table id="table1" border="1">
<tr>
<td>列1</td>
<td>列2</td>
<td>列3</td>
</tr>
<tr>
<td>张三</td>
<td>李四</td>
<td>王五</td>
</tr>
<tr id="tr02">
<td>aaa</td>
<td>bbb</td>
<td>ccc</td>
</tr>
<tr>
<td>张三</td>
<td>aaa</td>
<td>eee</td>
</tr>
</table>
<a href="javascript:matchFun('aaa');">正则匹配</a>
</body>
</html>
[code="html"] js
分享到：
相关推荐
本知识点将详细解读标题“关于js遍历表格的实例”中所涉及的核心技术点和代码示例。 ### 标题解读 标题指出了本文讨论的主题是“关于js遍历表格的实例”。这意味着我们将重点放在JavaScript语言对HTML表格元素进行...
FreeMarker单元格合并，填充数据，遍历表格
当我们需要从表格中提取信息时，通常会利用for循环遍历表格中的所有行（tr）和单元格（td），然后获取这些单元格的内容。 首先，遍历表格需要先确定表格对象。使用`document.getElementById(tableid)`方法可以通过...
然后通过嵌套循环遍历表格的每一行和每一行中的每一个单元格。内部循环中，我们首先检查对应行的数组是否已经创建，如果没有，则创建一个空数组。接着，将单元格的HTML内容`innerHTML`赋值给对应位置的数组元素。 ...
假设我们有一个数据列表，我们可以在遍历列表的过程中创建表格： ```java public void insertTable(String filePath, List<List<String>> data, int cols) { XWPFDocument document = new XWPFDocument(new ...
使用JavaScript来遍历表格，意味着可以通过编写JavaScript代码来访问并操作表格中的每一个单元格。 接着，文章描述部分简单介绍了文章的内容，即使用JavaScript来遍历table表格中的某行某列并打印其值，这一点对于...
在本案例中，jQuery将帮助我们遍历表格中的行（tr）或单元格（td），并根据需求进行隐藏和显示的操作。 实现"jq遍历table切换"的核心步骤如下： 1. **引入jQuery库**：在HTML文件中引入jQuery库，通常通过CDN...
2. 遍历表格行：接着，你需要遍历表格的每一行，检查每一行的文本内容长度。 3. 计算行高：对于每行，根据文本的字符数量和预设的字体大小，可以计算出合适的行高。易语言提供了一些文本处理的函数，如“字符串长度...
3. **设置颜色**：根据获取到的行号，遍历表格的每一行，使用“设置单元格属性”函数来修改对应行的背景颜色。这个函数接受行号、列号以及要设置的颜色作为参数。为了实现选中行高亮，你可以定义一个特定的颜色变量...
根据给定的信息，本文将详细解释如何利用JavaScript（简称JS）动态地创建、修改和删除HTML...同时，了解如何遍历表格中的数据也是处理表格数据的关键步骤之一。希望本文能帮助读者更好地理解和掌握这些重要的前端技术。
在易语言中，可以逐行遍历表格，将每一行的数据转换成字符串并写入文件。 Excel文件通常有XLS和XLSX两种格式，其中XLSX是XML为基础的现代格式。在易语言中，导出为XLSX可能需要更复杂的处理，因为这涉及到XML的生成...
3. 遍历表格行和列：`for row in table.rows:` 和 `for cell in row.cells:` 4. 获取单元格内容：`cell.text` 5. 复制内容并处理，如存储到列表或写入新文件。 方法二：循环获取每个单元格中的内容 如果不确定表格...
3. **遍历表格**：对文档中的每个表格（`doc.tables`）执行循环，然后对每行（`table.rows`）和每列（`row.cells`）进行循环。 4. **比较单元格内容**：在遍历过程中，比较当前单元格（`cell.text`）与下一行相同列...
本文将详细介绍如何使用JavaScript来轻松控制表格列样式，包括如何遍历表格元素、动态设置class属性以及实现动态样式控制的功能。 #### 核心知识点解析 ### 1. 遍历Table表格元素 #### 1.1 获取Table元素 在...
MATLAB循环读取excel各行表格代码，操作简单，适合新手学习
在遍历表格时，我们使用 `For Each` 循环遍历每个表格的每个单元格，并将单元格的文本内容导出到 Excel 中。 最后，我们使用 `TextBox` 对象来显示进度信息，并使用 `MsgBox` 函数来显示完成信息。 结论 在本文中...
当用户输入时，可以使用`.val()`获取输入的文本，然后遍历表格，对比每一行的内容，如果匹配则显示，否则隐藏。使用`.hide()`和`.show()`方法可以控制行的可见性。 在实际应用中，为了提高效率和用户体验，我们可能...