Javascript から HTML の◯番目の◯◯タグにアクセスしたいときがあります。jQuery を使って n 番目の要素にアクセスするサンプルです。eq メソッドと eq フィルタを使用した例です。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<html> <head> <meta charset="UTF-8" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js" /></script> <script type="text/javascript"> $(function(){ alert($('#hoge li').eq(3).text()); alert($('#hoge li:eq(3)').text()); }); </script> </head> <body> <ul id="hoge"> <li>あ</li> <li>い</li> <li>う</li> <li>え</li> <li>お</li> </ul> </body> </html> |
7行目
eqメソッドを使用することで特定の位置にある要素にアクセスすることができます。
ここでは「え」がアラートで表示されます。<br/ >
8行目
eqフィルタを使っても、ここでは「え」がアラートで表示されます。
添字についてはどちらとも0から始まるので実際にアクセスしたい位置から-1をして下さい。