Erstellen von divs aus Array-Elementen

8

Ich habe verschiedene Strings in meinem Array. Ist es möglich, ein Divs wie zu erstellen <div id="results"></div> für jedes Array-Element in meiner HTML-Seite?

    
mike643 04.05.2011, 15:44
quelle

4 Antworten

5

Sicheres, einfaches Beispiel ohne Verwendung von Frameworks oder Bibliotheken:

%Vor%

Sie können sich ansehen, wie dies mit jsFiddle funktioniert: Ссылка

    
Shaz 04.05.2011, 16:32
quelle
15

Ja, mit for loop:

%Vor% %Vor%

Oder etwas mehr jQuery-fied:

%Vor% %Vor%

Sie können dies auch in Vanilla JavaScript tun, wenn Sie bevorzugen:

%Vor%

Es lohnt sich zu überlegen, woher der id kommt; Wenn mehr als ein -Element von dieser for -Schleife erzeugt werden soll, ist es möglicherweise besser (abhängig davon, wo und wie die id zugewiesen ist) Verwenden Sie stattdessen einen class , wie ich es in meinen beiden Vorschlägen getan habe, da die id im Dokument eindeutig sein müssen.

Obwohl diese Antwort schon vor einiger Zeit geschrieben wurde, fühlte ich, dass es sich lohnt, aktualisiert zu werden, um die Möglichkeiten des (relativ neuen) Array.prototype.forEach() wiederzugeben, das über jedes Element eines gegebenen Arrays iteriert und eine Funktion für jede Iteration anwendet . Zum Beispiel, angesichts der HTML:

%Vor%

Und das JavaScript:

%Vor%

Ergebnis in der Ausgabe:

%Vor%

%Vor% %Vor%

Referenzen:

David Thomas 04.05.2011 15:46
quelle
3

Ein Basic For Loop + jQuery sollte es tun. Ersetzen Sie einfach body durch einen Selektor für den Container, dem Sie die divs hinzufügen möchten. Hier ist eine Geige , die die verwendete Technik zeigt.

%Vor%     
Dutchie432 04.05.2011 15:46
quelle
0

Sie können

verwenden %Vor%

hat $.each() docs verwendet und die ID seit der ID in die Klasse geändert muss einzigartig sein.

Demo bei Ссылка

    
Gaby aka G. Petrioli 04.05.2011 16:08
quelle

Tags und Links