lt

abbr. Lithuania 立陶宛

jquery lt選擇器 語法

作用：:lt 選擇器選取具有小於指定 index 值的元素。 index 值從 0 開始。經常與其他元素/選擇器一起使用，來選擇指定的群組中特定序號之前的元素（如上面的範例）。

語法：$(":lt(index)")

#參數：index    必要。規定要選擇的元素。會選取 index 值小於指定數的元素。

註解：請使用 :gt 選擇器選取 index 值大於指定數的元素。

jquery lt選擇器 範例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript"> 
 
$(document).ready(function(){
    $("tr:lt(2)").css("background-color","#B2E0FF");
});
</script>	
</head>
<body>
<html>
<body>
<h1>Welcome to My Web Page</h1>
<table>
<tr>
<th>Id</th>
<th>LastName</th>

<th>FirstName</th>
<th>Address</th>
<th>City</th>
</tr>
<tr>
<td>1</td>
<td>Adams</td>
<td>John</td>
<td>Oxford Street</td>

<td>London</td>
</tr>
<tr>
<td>2</td>
<td>Bush</td>
<td>George</td>
<td>Fifth Avenue</td>
<td>New York </td>
</tr>
<tr>
<td>3</td>
<td>Carter</td>
<td>Thomas</td>
<td>Changan Street</td>
<td>Beijing</td>
</tr>
<tr>
<td>4</td>
<td>Obama</td>
<td>Barack</td>
<td>Pennsylvania Avenue</td>
<td>Washington</td>
</tr>
</table>
</body>
</html>
</body>
</html>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#