jquery获取父级元素和子级元素

简介:     <script type="text/javascript"> function show(x){    var y=$(x);//转换成jquery对象    //查找父元素   alert( y.parent().attr("name"));    alert( y.parent().attr("id"));    //查找祖先,是个集合 不包括自身   
    <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()



jQuery.siblings(),返回兄弟姐妹节点,不分前后



本文出自 “点滴积累” 博客,请务必保留此出处http://tianxingzhe.blog.51cto.com/3390077/1731667

目录
相关文章
|
Web App开发 JavaScript 前端开发
jquery选择器获取父级元素、同级元素、子元素
一、获取父级元素 1、 parent([expr]): 获取指定元素的所有父级元素  href_fir href_sec href_thr href_fiv $(document).
1138 0
|
JavaScript 前端开发
***jquery选择器 之 获取父级元素、同级元素、子元素
一、获取父级元素 1、 parent([expr]): 获取指定元素的所有父级元素 href_firhref_sechref_thrhref_fiv $(document).
887 0
|
7月前
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
36 0
|
8月前
|
JavaScript
jQuery 插件自用列表
jQuery 插件自用列表
29 0
|
4月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
4月前
|
JavaScript 数据可视化 前端开发
jQuery-JS插件-第9次课-使用插件让领导对你刮目相看-附案例作业
jQuery-JS插件-第9次课-使用插件让领导对你刮目相看-附案例作业
19 0
|
4月前
|
JavaScript 前端开发
开发jQuery插件这些就够了
开发jQuery插件这些就够了
29 0
|
9月前
|
JavaScript
jQuery编写插件的两种方法
jQuery编写插件的两种方法
57 0
|
5月前
|
JavaScript 前端开发 安全
jQuery 第十一章(表单验证插件推荐)
jQuery 第十一章(表单验证插件推荐)
58 1
|
6月前
|
JavaScript
jQuery年月日(年龄)选择插件
jQuery年月日(年龄)选择插件
29 0