[聚合文章] jQuery|"lt"年级前3名

jQuery 1900-01-01 20 阅读

jQuery :lt() 选择器可以帮助你实现所有的制定下标前的所有的元素。

实例

选择前 4 个之后的所有 <tr> 元素:

$("tr:lt(3)")

定义和用法

:lt() 选择器选取 index 值小于指定数字的元素。
index 值从 0 开始。
最常见的用法:与其他选择器一起使用,选取指定组合中特定序号之前的元素(如上面的实例)。

语法

$(":lt(index)")

<!DOCTYPE html><html><head><meta charset="utf-8"> <title></title> <script src="http://cdn.static.runoob.com/libs/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>bing</td>    <td>bing.com</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>
                

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。