jQuery eq与取下标的纠葛

最新推荐文章于 2022-10-27 17:48:49 发布

foo1st

最新推荐文章于 2022-10-27 17:48:49 发布

阅读量648

点赞数

本文链接：https://blog.csdn.net/paulorwys/article/details/48956821

版权

Web开发同时被 2 个专栏收录

24 篇文章 0 订阅

订阅专栏

JavaScript

6 篇文章 0 订阅

订阅专栏

该问题的提出是在导出页面内容时遇到的。先上HTML代码：

<html>
<head>
<title>testTraversal</title>
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
	th { width:80px; }
	th.add { width:280px; }
</style
</head>
<body>
<table id="table1" border="1" cellpadding="0" cellspacing="0">
<tr class="title_row"><th>学号</th><th>姓名</th><th>性别</th><th>年级</th><th>班级</th><th class="add">家庭住址</th></tr>
<tr class="record_row"><td>023410</td><td>张三</td><td>男</td><td>三</td><td>2</td><td>解放大道112号14栋402</td></tr>
<tr class="record_row"><td>021410</td><td>李思</td><td>女</td><td>三</td><td>1</td><td>振兴路29号团结小区1102</td></tr>
</table>
<button id="btn_export">导出</button>
<body>
</html>

下面是导出按钮对应的JavaScript代码：

<script type="text/javascript">

	$(document).ready(function() {

	});

	/*
	 * 点击导出按钮
	 */
	$("#btn_export").bind("click", function() {

		var contents = "";
		var rows = $("#table1").find("tr.record_row");

		for(var i = 0; i < rows.length; ++i) {

			if(i > 0) {
				contents = contents.concat("\n");
			}

			var line = "";
			var cells = rows[i].find("td");
			//var cells = rows.eq(i).find("td");

			for(var j = 0; j < cells.length; ++j) {
				if(j > 0) {
					line = line.concat(",");
				}

				line = line.concat(cells[j].innerHTML);
			}
			contents = contents.concat(line);
		}

		alert(contents);
	});

</script>

其中的争议在于获取行中的表格单元（“<td>”）：

使用：var cells = rows[i].find("td");则提示错误：TypeError: rows[i].find is not a function

使用：var cells = rows.eq(i).find("td");则OK

根据查找相关资料得到的结论是：

（1）取下标是JavaScript语法，获取到的内容是JavaScript的对象；

（2）find方法是jQuery对象的方法；

（3）eq方法获取到的是jQuery对象；

而：JavaScript的对象与jQuery对象是不能划等号的。

所以：获取记录行对象数组中的某一行（可以使用eq方法或取下标），但

要用find方法进一步遍历行中的单元格，只能用eq方法，不能用取下标：因为rows[i]不是jQuery对象，而只是JavaScript对象。

foo1st

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery eq与取下标的纠葛

（1）取下标是JavaScript语法，获取到的内容是JavaScript的对象；（2）find方法是jQuery对象的方法；（3）eq方法获取到的是jQuery对象；而：JavaScript的对象与jQuery对象是不能划等号的。所以：获取记录行对象数组中的某一行（可以使用eq方法或取下标），但要用find方法进一步遍历行中的单元格，只能用eq方法；因为rows[i]不是jQuery对象，而只是JavaScript对象。
复制链接

扫一扫