1. ホーム
  2. javascript

[解決済み] 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');
    });
}