<script type="text/javascript">
function show(x){
var y=$(x);//转换成jquery对象
//查找父元素
alert( y.parent().attr("name"));
alert( y.parent().attr("id"));
//查找祖先，是个集合 不包括自身
alert(y.parents("tr").attr("name"))
alert(y.parents("table").attr("name"))
//closest()这个方法呢就是向上检查元素并逐级匹配。首先，会从自身来匹配，匹配成功就返回本身
//查找第几个子元素，eq() 方法会用集合中的一个元素构造一个新的 jQuery 对象。所使用的 index 参数标示集合中元素的位置。
alert(y.parent().children().eq(0).text());
alert(y.parent().children().eq(1).text());
alert(y.parent().children().eq(2).text());
alert(y.parent().children().first().text());
//children方法获得的仅仅是元素一下级的子元素
//find方法获得所有下级元素
}
</script>
</head>
<body>
<table name="表">
<tr id="1"name="行1">
<td>1</td>
<td>袁海</td>
<td onclick="show(this)">29</td>
</tr>
<tr id="2" name="行2">
<td>2</td>
<td>yuanhai</td>
<td onclick="show(this)">29</td>
</tr>
</table>
</body>
获取父级元素 parent parents() closest()
获取子级元素 children() find()
时间： 2024-10-12 19:36:21