jQuery でクラス別に要素をカウントする - これを実装する最良の方法は何ですか? 質問する

jQuery でクラス別に要素をカウントする - これを実装する最良の方法は何ですか? 質問する

私がやろうとしているのは、現在のページにある同じクラスのすべての要素をカウントし、それを入力フォームの名前に追加することです。基本的に、ユーザーがクリックできるようにして<span>、そうすることで同じタイプのアイテムをさらに追加できるようにしています。しかし、jQuery/JavaScript だけでこれらすべてをカウントする方法が思いつきません。

私はその後、このアイテムに のような名前を付けるつもりでした。JavaScriptname="whatever(total+1)"は私の母国語ではないので、これを行う簡単な方法を知っている方がいたら、大変助かります。

ベストアンサー1

次のような感じになるはずです:

// 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');
    });
}

おすすめ記事