jquery 可见性选择器与初探html() 与 text()的区别

于 2010-04-30 23:13:06 发布 · 101 阅读

文章标签：

#HTML #jQuery #JavaScript #ViewUI

jquery 专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何使用jQuery选择器来分别获取页面上隐藏和可见的表格行，并展示如何通过JavaScript读取这些行的内容。具体包括了如何利用$(tr:hidden)和$(tr:visible)选择器定位到相应的表格行，以及如何使用.html()和.text()方法来获取这些行的具体内容。

<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
 <script type="text/javascript">
	$(function(){
		$("tr:hidden").each(function(){
			alert($(this).html()); //返回 <td>Value 1</td>
			alert($(this).text()); //返回 Value 1
		});

		$("tr:visible").each(function(){
			alert($(this).html());  //返回 <td>Value 2</td>
			alert($(this).text());  //返回 Value 2
		});
	});
 </script>
</head>
<body>
  <table>
	  <tr style="display:none"><td>Value 1</td></tr>
	  <tr><td>Value 2</td></tr>
	</table>
</body>