温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2020-09-18 13:10:46 来源:网络 阅读:1083 作者:jethai 栏目:web开发
    <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(),返回兄弟姐妹节点,不分前后



向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI