jquery查找一个table中的对象

最新推荐文章于 2020-05-29 11:22:16 发布

胖鹅68

最新推荐文章于 2020-05-29 11:22:16 发布

阅读量1k

点赞数

分类专栏： jquery/js库/Jest

本文链接：https://blog.csdn.net/hbiao68/article/details/17113633

版权

jquery/js库/Jest 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

下面的例子只要根据当前的obj就能够查找他的父级节点和兄弟节点。

<html>
	<head>
		<title>usually function</title>
	</head>
	<body>
		<table>
			<tr id="tr_id">
				<td>
					<input type="text" value="1">
					<input type="hidden">
				</td>
				<td>
					<input type="text" value="2">
					<input type="hidden">
				</td>
				<td>
					<input type="text" value="test" οnclick="test(this)">
					<input type="hidden">
				</td>
				<td>
					<input type="text" value="4">
					<input type="hidden">
				</td>
			</tr>
		
		</table>
		
	</body>
<html>	
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script>
function test(obj){
	//找到当前对象的父级tr
	var one = $(obj).parent().parent().attr("id");
	alert(one);
	//找到当前对象的子级td对象
	var tdobj4 = $(obj).parent().parent().children("td")[3];
	var inputobj = $(tdobj4).children("input")[0];
	alert(inputobj.value);
	alert($(inputobj).val());
}	
	
</script>

备注：jquery中的children()函数只考虑子元素，而不考虑所有的后代元素