小白教程
所有教程
关于
Search
172.70.100.141
172.70.100.141
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“Sel lt”的源代码
本页内容
上一节:
Sel_gt
下一节:
Jq_sel_not
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE::lt(no)}}[[Category:jquery ref selectors|27]] = jQuery :lt() 选择器 = [[jquery ref selectors|jQuery 选择器]] 选取前 4 个 <tr> 元素: <sample title="" desc="" lang="html" hererun="1"> $("tr:lt(4)") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("tr:lt(4)").css("background-color", "yellow"); }); </script> </head> <body> <h1>欢迎来到我的主页</h1> <table border="1"> <tr> <th>序号</th> <th>站点名</th> <th>网址</th> </tr> <tr> <td>1</td> <td>Google</td> <td>google.com</td> </tr> <tr> <td>2</td> <td>xiaoBai</td> <td>xiaobai.wang</td> </tr> <tr> <td>3</td> <td>Taobao</td> <td>taobao.com</td> </tr> <tr> <td>4</td> <td>Baidu</td> <td>baidu.com</td> </tr> <tr> <td>5</td> <td>Sina</td> <td>sina.com.cn</td> </tr> <tr> <td>6</td> <td>Facebook</td> <td>facebook.com</td> </tr> <tr> <td>7</td> <td>twitter</td> <td>twitter.com</td> </tr> <tr> <td>8</td> <td>youtube</td> <td>youtube.com</td> </tr> </table> </body> </html> </run> == 定义和用法 == :lt() 选择器选取 index 值小于指定数字的元素。 index 值从 0 开始。 最常见的用法:与其他选择器一起使用,选取指定组合中特定序号之前的元素(如上面的实例)。 '''提示:'''请使用 [[sel gt|:gt selector]] 来选取 index 值大于指定数字的元素。 == 语法 == <pre> $(":lt(index)")</pre> {| class="table table-striped table-hover" ! 参数 ! 描述 |- | index | 必需。规定要选择的元素。 会选取 index 值小于指定数字的元素。 |} [[jquery ref selectors|jQuery 选择器]]
返回至“
Sel lt
”。
上一节:
Sel_gt
下一节:
Jq_sel_not