ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryで最初の要素を取得する方法

jqueryで最初の要素を取得する方法

coldplay.xixi
リリース: 2020-11-18 14:45:56
オリジナル
2130 人が閲覧しました

要素数を取得する Jquery メソッド: [eq()] メソッドを使用して要素数または N 番目の要素を見つけます。コードは [$('#test').children()です。 eq( 1).css({'display':'inline-block'})]。

jqueryで最初の要素を取得する方法

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(){
 $(&#39;a&#39;).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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート