2019-04-30父节点

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $(function(){
                // 直接父节点父节点的html
                // alert($('#son').parent().html())
                // 所有父节点返回集合或则数组
                // alert($('#son').parents().length);
                // 附近的父节点
                $('#son').closest('div').html('110');
            })
        </script>
    </head>
    <body>
        <h1>java</h1>
        <div >
            <p>js</p>
            <ul>
                <li>1</li>
                <li >2</li>
                <li >3</li>
                <li>4</li>
                <li>5</li>
            </ul>
            <p>js</p>
            <div >
                666
                <p id="son">777</p>
            </div>
        </div>
    </body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容