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元素。