Ich habe eine Liste von DIVs, wie folgt:
%Vor%und ich möchte sie sortieren, nur mit Javascript (keine Jquery), um ein Ergebnis wie folgt zu erhalten:
%Vor%Bei Bedarf kann ich das Ende der DIV-IDs verwenden: "kategorie5.1- 4 " (serverseitig kann ich die DIV-IDs definieren, um die gewünschte Reihenfolge einzubetten)
Vielen Dank für Ihre Hilfe!
Hier ist der vollständige Code:
%Vor%Zuerst musst du alle Divs bekommen:
%Vor% toSort ist ein NodeList . Sie müssen es in ein Array umwandeln:
und dann können Sie einen Rückruf an die sort -Methode übergeben:
Bearbeiten: Wie bereits von @ Lekensteyn bemerkt, funktioniert das Vergleichen von IDs nur, wenn Sie nur einzelne Ziffern haben. Es wurde korrigiert, um beliebige Zahlen zu unterstützen.
Sie müssen dieses Array durchlaufen und die Elemente erneut anfügen:
%Vor%Bearbeiten: Tippfehler behoben
Update: Wenn Sie so viele Elemente haben, könnte das Caching der IDs folgendermaßen erfolgen:
%Vor%Sie sollten die Elemente in ein Array einfügen, eine Sortierfunktion über die Elemente ausführen und die sortierten Elemente erneut an den Container anhängen.
%Vor%Sie können diesen Code unter Ссылка
testenTags und Links javascript