Increment-Attribut mit dem Wert (int) für jedes element mit jquery

ich habe eine unbekannte Anzahl von "section" - Elemente:

<section id="foo">
...
</section>

<section id="bar">
...
</section>

Für jeden Abschnitt, den ich brauche, fügen Sie ein Attribut "Daten-Serie", die eine Ganzzahl, die beginnend bei 0 und wird um 1 erhöht für jeden Abschnitt vorhanden ist, zum Beispiel der oben drehen würde, in:

<section id="foo" data-serial="0">
...
</section>

<section id="bar" data-serial="1">
...
</section>

<section id="bla" data-serial="2">
...
</section>
...

Wie kann ich erreichen, das mithilfe von jQuery?

Dank

InformationsquelleAutor maze | 2011-08-09
  1. 13
    var current = 0;
$("section").each(function() {
   $(this).data("serial", current);
   current++;
});

    Diese durchläuft alle section Elemente in das Dokument und fügt den Wert von current zu jedem element mithilfe der jQuery data Methode.

    InformationsquelleAutor James Allardice
  2. 12

    Einer modifizierten version von James Allardice Antwort unter Ausnutzung der selten verwendeten Parameter, dass jeder geht um die Funktion, die es gegeben ist. Der erste parameter ist der index der aktuellen iteration der Schleife.

    http://api.jquery.com/each/

    $("section").each(function(index) {
   $(this).attr("data-serial", index);
});
    • Ahh gut zu denken! +1
    • Jeder immer vergisst die Armen kleinen Parameter. Schön zu sehen, tatsächlich eine Verwendung für Sie für einen Wechsel. 😉
    • Ja, das Wunder von jQuery, so dass alles noch einfacher, als Sie zunächst denken!
    • für einige Grund, warum dies nicht funktioniert. es scheint, der index-Wert nicht gesetzt ist, die Daten-serial-Attribut
    • komisch. Ich erschuf eine Geige (jsfiddle.net/chrisvenus/3FbWN) und wenn ich mit firebug auf untersuchen Sie die generierten html-Attribute angezeigt werden... Aber nachdem ich gerade gesehen, die akzeptierten Antworten, dass ist nicht die Einstellung der Daten-Seriell-Attribut, sondern die Aktualisierung einer internen Daten-element. Ich nehme an, dies ist, was Sie eigentlich wollten?
    InformationsquelleAutor Chris
  3. 1
    $("section").each(function(i, e) { $(e).attr("data-serial", i) });
    InformationsquelleAutor Tim Rogers
  4. 0

    etwas wie

    var i = 0;
$('section').each(function() {
    $(this).data('serial', i++);
});
    InformationsquelleAutor MikeM
Schreibe einen Kommentar