首页 > 代码库 > 关于jQuery中parents选择器的一些小tips

关于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;(原因仍然不太清楚)

 

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