JQuery zählt Elemente nach Klasse - Wie lässt sich dies am besten umsetzen?

Question

Was ich versuche zu tun, ist, alle Elemente auf der aktuellen Seite mit der gleichen Klasse zu zählen, und dann beabsichtige ich, sie hinzufügen, um einem Namen für ein Eingabeformular hinzuzufügen. Grundsätzlich erlaube ich Benutzern, auf zu klicken und auf diese Weise ein weiteres hinzuzufügen für mehr Elemente des gleichen Typs. Aber mir fällt keine einfache Möglichkeit ein, all dies einfach mit jQuery/JavaScript zu zählen.

Ich hatte dann vor, das Element beispielsweise als name="was-auch-immer(total+1)" zu benennen. Wenn jemand eine einfache Möglichkeit hat, dies zu tun, wäre ich äußerst dankbar, da JavaScript nicht gerade meine Muttersprache ist.

Answer 1

Sollte einfach so etwas sein:

// Ruft die Anzahl der Elemente mit der Klasse yourClass ab
var numItems = $('.yourclass').length

---

Als Anmerkung sei erwähnt, dass es oft von Vorteil ist, die Länge-Eigenschaft zu überprüfen, bevor eine Vielzahl von Funktionsaufrufen auf einem jQuery-Objekt verkettet wird, um sicherzustellen, dass tatsächlich Arbeit zu erledigen ist. Siehe unten:

var $items = $('.myclass');
// Stellen Sie sicher, dass mindestens ein Element in $items vorhanden ist, bevor Animationen eingerichtet
// und andere ressourcenintensive Aufgaben durchgeführt werden.
if($items.length)
{
  $items.animate(/* */)
    // Es könnte auch angemessen sein, zu überprüfen, ob wir 2 oder mehr
    // Elemente zurückgegeben durch den filter-Aufruf haben, bevor dieser Teil dieser Teilmenge
    // von Elementen animiert wird.
    .filter(':odd')
      .animate(/* */)
      .end()
    .promise()
    .then(function () { 
       $items.addClass('all-done');
    });
}

Answer 2

Das Zählen der Anzahl von Elementen, die auf dieselbe Klasse verweisen, ist so einfach wie dies:

            $(document).ready(function() {
                alert( $(".red").length );
            });

        Test
        Test
        Test
        Test
        Test
        Test

Answer 3

var anzahl = $('.' + meineKlassenname).length;

Answer 4

HTML:

JavaScript:

var numItems = $('.class').length; 

alert(numItems);

Fiddle-Demo nur im Inneren des div

Answer 5

Für das Zählen:

$('.yourClass').length;

sollte gut funktionieren.

In einer Variable zu speichern ist genauso einfach wie:

var count = $('.yourClass').length;