[解決済み] jQueryはクラスごとに要素を数える - これを実装する最良の方法は何ですか?
2022-03-25 12:15:39
質問
私がやろうとしていることは、現在のページで同じクラスを持つすべての要素を数え、それを入力フォームの名前に追加するのに使おうとしていることです。基本的に、私はユーザーが
<span>
そして、そうすることによって、さらに同じタイプのアイテムのために別のものを追加します。しかし、jQuery/JavaScriptでこれらをすべて単純にカウントする方法が思いつきません。
そして、その項目には次のような名前をつけようと思っていました。
name="whatever(total+1)"
もし、これを行うための簡単な方法を知っている人がいれば、私は非常にありがたいのですが、JavaScriptは必ずしも私の母国語ではないので。
どのように解決するのですか?
のようなものでいいはずです。
// Gets the number of elements with class yourClass
var numItems = $('.yourclass').length
余談ですが、jQueryオブジェクトで多くの関数を連鎖的に呼び出す前にlengthプロパティをチェックすると、実際に実行する作業があることを確認できて有益なことがよくあります。以下を参照してください。
var $items = $('.myclass');
// Ensure we have at least one element in $items before setting up animations
// and other resource intensive tasks.
if($items.length)
{
$items.animate(/* */)
// It might also be appropriate to check that we have 2 or more
// elements returned by the filter-call before animating this subset of
// items.
.filter(':odd')
.animate(/* */)
.end()
.promise()
.then(function () {
$items.addClass('all-done');
});
}
関連
-
[解決済み】ある要素が可視DOMに存在するかどうかを確認するにはどうすればいいですか?
-
[解決済み] JavaScriptでメールアドレスを検証するのに最適な方法は何ですか?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] モバイル端末の検出にはどのような方法がありますか?
-
[解決済み] jQueryでJavaScriptオブジェクトから選択する際に、オプションを追加する最も良い方法は何ですか?
-
[解決済み] クラスを条件付きで適用する場合の最適な方法は何ですか?
-
[解決済み] jQueryのイベントハンドラを削除する最良の方法?
-
[解決済み] GoogleのホストされたjQueryを使用する最良の方法、しかしGoogleの私のホストされたライブラリにフォールバックすることは失敗します。
-
[解決済み] jQueryで同じクラスを持つ要素をループさせる
-
[解決済み] JQuery .each()の裏技
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
JavaScriptにおけるマクロタスクとミクロタスクの詳細
-
vue for 登録ページ効果 vue for sms 認証コードログイン
-
vue+webrtc(Tencent cloud)ライブ機能の実践を実現するために
-
vueにおけるfilterの適用シーンについて解説します。
-
[解決済み】リソースの読み込みに失敗した:Bind関数でサーバーが500(Internal Server Error)のステータスで応答した【非公開
-
[解決済み】Node.jsで "Cannot find module "エラーを解決するには?
-
[解決済み】React Nativeアプリをターミナルから実行するとエラーが発生する(iOS)
-
[解決済み] TypeError: $.ajax(...) is not a function?
-
[解決済み】エラー。Ionic使用中にモジュール '../lib/utils/unsupported.js' が見つかりませんでした。
-
フロントエンド非同期(アシンク)ソリューション(全ソリューション)