指定した位置より後方にあるエレメントにアクセスする

書式

$("ele:gt(n)")

ele : タグやクラス名等
n : 要素の位置

説明

指定した位置より後方にあるエレメントにアクセスするには$()で指定するタグ名やクラス名などに:gt()を指定します。()の中には数値が指定でき0が最初の要素を示し、以後1ずつ増えていきます。:gt(3)とすると3より大きいエレメント、つまり4番目の要素以降が対象になります。

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"><!--
$(function (){
$("tr:gt(3)").addClass("highlight");
});
// --></script>
</head>
<body>
<h1>3番目より大きいエレメントにアクセス</h1>
<table id="myTable" width="320">
<tr><th>名前</th><th>年齢</th></tr>
<tr><td>山田太郎</td><td>28</td></tr>
<tr><td>山田二郎</td><td>27</td></tr>
<tr><td>山田三郎</td><td>26</td></tr>
<tr><td>山田四郎</td><td>25</td></tr>
<tr><td>山田五郎</td><td>24</td></tr>
<tr><td>山田六郎</td><td>23</td></tr>
</table>
</body>
</html>