jQuery 动态解析html

最新推荐文章于 2021-06-22 14:25:38 发布

最新推荐文章于 2021-06-22 14:25:38 发布 · 852 阅读

文章标签：

#HTML #jQuery #ViewUI

JavaScript 专栏收录该内容

38 篇文章

订阅专栏

本文介绍了一个使用jQuery操作DOM元素的例子，展示了如何利用jQuery选取DOM元素并对其进行操作，包括遍历表格单元格并显示其内容。

<html>
<head>
	<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function() {
		console.log($('#test1'));
		$('#test1').find('td').each(function(i, o) {
			var o = $(o);
			alert(o.html());
		});
		var data = '<table><tr><td>td1</td></tr><tr><td>td2</td></tr></table>';
		var table = $(data);
		console.log(table);	
		table.find('td').each(function(i, o) {
			var o = $(o);
			alert(o.html());
		});
	});

	</script>
</head>
<body>
<table id="test1"><tr><td>td1</td></tr><tr><td>td2</td></tr></table>
</body>
</html>