jquery操作のオブジェクト配列要素のメソッドまとめ（ケース付き）

今回は、jqueryoperationobjectarray要素メソッドの概要(ケース付き)、jqueryのオブジェクト配列要素を操作するための注意事項を紹介します。以下は実際的なケースです。見てみましょう。

 <p id="p1">
     <span>a</span>
     <span>b</span>
     <span>c</span>
 </p>

1. 間違った方法: 次のように、[] メソッドを使用して jquery オブジェクト配列を取得することはできません。

 $(function() {
     var p_span = $("#p1 span");
     for( var i = 0; i < p_span.length; i++ ) {
         p_span.[i].html(i);
     }
 });

これは無効です。

2. jquery の eq() メソッド を使用して選択することができます。 :

 for( var i = 0; i < p_span.length; i++ ) {
     p_span.eq(i).html(i);
 }

3. each() メソッドを使用してトラバースできます:

 $(function() {
     var p_span = $("#p1 span");
     var i = 0;
     p_span.each( function(){
         $(this).html(i);
         i++;
     });
 });

each() を使用してトラバースする場合、これを直接使用すると、jquery オブジェクトが取得されます。

DOM オブジェクト

4

を取得します。純粋な JS コードで取得された DOM オブジェクト配列、[] を使用して配列要素を取得できます

次の 3 つの方法は正しいですが、最初の方法は間違っています。これを最初に強調したのは、今後同じ間違いを繰り返さないように、友人の皆さん、注意深く見守ってください、ということを強調したいからです。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

jquery のメソッド grep() は配列フィルタリングを実装します

jquery が配列を走査する方法

以上がjquery操作のオブジェクト配列要素のメソッドまとめ（ケース付き）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。