首页 > Web开发 > 详细

jquery 选择多级父子元素

时间:2019-08-29 15:01:35      阅读:243      评论:0      收藏:0      [点我收藏+]
     <div class="box">
            <div class="item">
                    <div class="out">
                        <div class="inside">
                                666
                        </div>
                    </div>
            </div>
        </div>
        <script>
            var one = $(‘.box‘).children().attr(‘class‘); //item
            var two = $(‘.box‘).children().find(‘.out‘).attr(‘class‘);//out
            var three = $(‘.inside‘).parent().attr(‘class‘); //out
            var four = $(‘.inside‘).parents(‘.item‘).attr(‘class‘) //item
        </script>

 

1.选择直接父子元素:

  $(e).parent();

       $(e)children()

2.选择多级父子元素:

 父:$(e).parents(‘.box‘);

子:$(e).children().find(‘.inside‘);

3.jquery 对象转 dom

  $(e).get(0);

jquery 选择多级父子元素

原文:https://www.cnblogs.com/wiliam/p/11429541.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!