jQuery :lt()选择器

定义和用法

:lt() 选择器选取 index 值小于指定数字的元素。(不包含指定值)

index 值从 0 开始。(从0开始计数)

最常见的用法:与其他选择器一起使用,选取指定组合中特定序号之前的元素。

容易遇到的坑:

在如下页面代码中:

 1 <body>
 2     <div id="menu">
 3         <dl>
 4             <dd id="d1">
 5                 <p>第一类</p>
 6                 <a>1.衬衫</a>
 7                 <a>2.T恤</a>
 8                 <a>3.牛仔裤</a>
 9                 <a>4.休闲裤</a>
10                 <a>5.短裤</a>
11                 <a>更多</a>
12             </dd>
13             <dd id="d2">
14                 <p>第二类</p>
15                 <a>6.裙子</a>
16                 <a>7.西服</a>
17                 <a>8.西裤</a>
18                 <a>10.西服套装</a>
19                 <a>11.马甲/背心</a>
20                 <a>12.羽绒服</a>
21                 <a>更多</a>
22             </dd>
23         </dl>
24     </div>

查找div下的两个dd标签:

//选择div下的前两个dd
$('dd:lt(1)')

使用如下代码:

$('dd a:lt(4)')

此代码返回div下的第一个dd下的前4个a元素。

有意思的是如下代码:

$('dd a:lt(9)')

以上代码返回了div下的第一个dd中所有的a元素和第二个div下的前三个a元素

 

posted @ 2016-08-21 16:07  Ninja_MM  阅读(886)  评论(0编辑  收藏  举报