ホームページ > 記事 > ウェブフロントエンド > jqueryで最初の要素を取得する方法
要素数を取得する Jquery メソッド: [eq()] メソッドを使用して要素数または N 番目の要素を見つけます。コードは [$('#test').children()です。 eq( 1).css({'display':'inline-block'})]。
jquery の最初の要素を取得するメソッド:
jquery を使用するときによく発生する、一連のセレクターの選択要素を見つけるには、この要素セット内の要素の数を見つける必要があります。
jquery で eq()
メソッドを使用して、最初の要素または N 番目の要素を検索します。jquery での eq()
の使用法は次のとおりです:
eq()
セレクターは、指定されたインデックス値を持つ要素を選択します。
インデックス値は 0 から始まり、すべての最初の要素のインデックス値は 0 (1 ではありません) です。
は、指定されたグループ内の特定のシーケンス番号を持つ要素を選択するために、他の要素/セレクターとともによく使用されます。
例:
$('#test').children().eq(1).css({'display':'inline-block'});
ID test を持つ要素の 2 番目の子要素のスタイルを 'display':'inline-block'
に設定します。
別の書き方
$(":eq(index)") 如:$("p:eq(1)")
別の方法の例を添付します
<script type="text/javascript" src="/jquery-latest.js"></script> <script> $(function(){ $('a').each(function(i){ this.onclick=function(){ alert(i); return false; }; }); }); </script> <a href="">百度</a> <a href="">google</a> <a href="http://www.111cn.net">msn</a> <a href="">qq</a>
または次のように記述します
<script type="text/javascript" src="jquery-1.1.3.1.js"></script> <script type="text/javascript"> $(function() { $("a").bind("click",function() { alert($("a").index(this)); } ) } ) </script>
関連する無料学習の推奨事項: JavaScript (ビデオ)
以上がjqueryで最初の要素を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。