关闭

jquery查找一个table中的对象

363人阅读 评论(0) 收藏 举报
分类:

下面的例子只要根据当前的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" onclick="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()函数只考虑子元素,而不考虑所有的后代元素

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:282875次
    • 积分:8461
    • 等级:
    • 排名:第2297名
    • 原创:1096篇
    • 转载:14篇
    • 译文:0篇
    • 评论:4条
    最新评论