关于jQuery中parents选择器的一些小tips

开始问题是：

$('div', $(this).parents('div:first'))

这段代码能取到的元素？

<html>
    <body>
        <div id="a">
            <div id="aa">
                <div id="aaa"></div>
            </div>
        </div>
        <div id="b">
            <div id="bb">
                <div id="bbb"></div>
            </div>
        </div>
        <script src="jquery-1.8.0.min.js"></script>
    </body>
</html>

将

<script>
            $(function(){
                alert("aa");
                $sss=$('div',(this).parents('div:first'));
                $sss.css('background','gray'); 
            })
</script>

插入到以上代码中，无法取到任何元素。

若将  $sss=$('div',(this).parents('div:first'));

变换为$sss=$('div').parents('div:first');

则可以得到

但暴露出的第二个问题是，父辈div的索引值分别是多少，经过测试发现：

1.对于aaa来说，aa的索引值是0，a的索引值是1；

2.对于全局div来说，父辈索引值0-5所对应的div分别为：a,aa,a,b,bb,b;（原因仍然不太清楚）

 

posted @ 2014-12-16 00:22  王王凌霄  阅读(174)  评论(0)  编辑  收藏  举报