jqueryで指定した要素がいくつあるか(個数)を取得する方法

jquery で要素の数を取得する方法: 1. "$(element)" ステートメントを使用して、指定された要素オブジェクトを取得します; 2. length 属性を使用して、指定された要素内の要素の数を取得しますオブジェクト。構文は「要素オブジェクト.長さ;」です。

このチュートリアルの動作環境: Windows7 システム、jquery1.10.0 バージョン、Dell G3 コンピューター。

jquery で要素数を取得する方法

jquery では、指定した要素オブジェクトを取得することで、指定した要素数を取得できます。そして長さ属性を使用します。次の例では、jquery が要素の数を取得する方法を説明します。

1. jquery が要素の数を取得する方法を説明するために、test.html という名前の新しい HTML ファイルを作成します。 div タグを使用してモジュールを作成し、div 内で h3 タグを使用して複数行のテキストを作成します。 div の id 属性値を mydiv に設定します。これは、以下の id を通じて div オブジェクトを取得するために使用されます。

ボタン ボタンを作成し、onclick クリック イベントをボタンにバインドし、ボタンがクリックされたときに getEleNum() 関数を実行します。

#2. getEleNum() 関数で、ID と要素名 (h3) を使用して h3 要素オブジェクトを取得し、長さ属性を使用して取得します。 h3 要素の数を num 変数に保存し、alert() メソッドを使用して結果を出力します。

test.html ファイルをブラウザで開き、ボタンをクリックして結果を表示します。

概要:

1. div タグを使用してモジュールを作成し、div 内で h3 タグを使用して複数行のテキストを作成し、 mydiv の div の id 属性値。

2. js では、id と要素名 (h3) から h3 要素オブジェクトを取得し、length 属性を使用して h3 要素の数を取得します。

注:

長さ属性はオブジェクトの属性です。

推奨される関連ビデオ チュートリアル: jQuery ビデオ チュートリアル

以上がjqueryで指定した要素がいくつあるか(個数)を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。