Jquery—重新认识Jquery中的html()方法

解决IE8中JavaScript获取表格特定单元格问题

原创已于 2023-04-26 21:11:07 修改 · 3.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#重新认识Jquery中的html方法

于 2014-09-09 21:14:26 首次发布

Web前端插件专栏收录该内容

19 篇文章

订阅专栏

本文详细阐述了在IE8浏览器中，使用JavaScript获取表格中特定单元格内容时遇到的问题及解决方案。通过调整代码逻辑，确保了在不同浏览器下都能正常工作。

今天测试给我提了一个bug：在页面上我需要借助"</td>"来获取表格中某行内的某列以后的单元格，也就是说里面有这样一行代码：“tr = tr.substring(tr.indexOf("</td>"));”，这个JavaScript脚本在谷歌等浏览器中均可以达到预期效果，可是在IE8中就不行了，弄了一个多小时最后终于发现了问题，先看如下代码：

<html>
	<head>
		<title>重新认识Jquery中的html()方法</title>
		<meta http-equiv="Content-Type" content="text/html; charset=GB2312"/>
		<script type="text/javascript" src="./jquery-1.6.2.js"></script>
		<script type="text/javascript">
		    $(function(){
				alert($("table").html());
			});
			
		</script>
	</head>

	<body>
		<table width="100" border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td><input type="text" id="userName" name="userName"></td>
			</tr>
		</table>
	</body>
</html>

该代码在谷歌浏览器中可以“理想”地在提示框中显示出来，可是在IE8中我们会发现提示框中的所有标签均变成了大写，所以“tr = tr.substring(tr.indexOf("</td>"));”当然不起作用了，没办法，最终的解决方案为：tr = tr.indexOf("</td>") == -1 ? tr.substring(tr.indexOf("</TD>")) : tr.substring(tr.indexOf("</td>"));

说明：上面解决方案中tr是变量，呵呵呵，我只是粘贴出了一部分代码，这行代码是在$.each()数组遍历方法中的。

【0分下载资源】