So weisen Sie jedem Element eine andere ID zu

Weniger

Ich habe zwei Listen, eine enthält Text für span-Elemente, die ich mit dieser forEach-Schleife zuweise:

spans.forEach(function(el) {
  const span = document.createElement('span');
  span.innerHTML = el;
  list.appendChild(span);
})

Wie würde ich jedem Bereich in der Liste mithilfe einer anderen Liste eine ID zuweisen? Beide Listen enthalten die gleiche Anzahl von Elementen und die ID [0] sollte dem Text [0] usw. zugewiesen werden.

Luís Ramalho

Sie können dies tun, indem Sie den zweiten Parameter von verwenden forEach, wie folgt:

let spans = ['one', 'two', 'three'];
let list = document.getElementById("list");

spans.forEach(function(el, i) {
  const span = document.createElement("span");
  span.innerHTML = el;
  span.id = spans[i];
  list.appendChild(span);
});

for (let child of list.childNodes) {
  console.log(child);
}
<div id="list"></div>

Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.

Bei Verstößen wenden Sie sich bitte [email protected] Löschen.

bearbeiten am
0

Lass mich ein paar Worte sagen

0Kommentare
LoginNach der Teilnahme an der Überprüfung

Verwandte Artikel

So weisen Sie jedem Element der Schleife eine Variable zu

So weisen Sie jedem Balken im Balkendiagramm in d3.js eine andere Farbe zu

Weisen Sie jedem Indexargument eine andere Funktion zu

So weisen Sie eine eindeutige DOM-Element-ID zu

Weisen Sie jedem data.frame-Element in einer Liste eine eindeutige ID zu

R - Weisen Sie jedem Spatial_DataFrame-Element in einer Liste eine eindeutige ID zu

So weisen Sie jedem Wert in Python eine Nummer zu

Wie weisen Sie jedem Kontrollkästchen eine eindeutige ID zu?

Weisen Sie jedem horizontalen Rand der Tabelle eine ID zu

Weisen Sie jedem Schlüssel in einer HashMap in Java eine andere ArrayList als Wert zu

So weisen Sie einer ID eine Klasse zu - css

So weisen Sie einer in JavaScript erstellten KendoDropDownList eine ID zu

So teilen Sie eine Zeichenfolge in Java und weisen jedem getrennten Wert einen Hyperlink zu

Weisen Sie jedem Element einer Liste eine separate Variable in R . zu

Weisen Sie jedem wiederholten Wert in einer Spalte R eine eindeutige ID-Nummer zu

So weisen Sie jedem Schalter in HTML einen anderen Wert zu

Powershell - Weisen Sie jedem Tag eine Variable zu

Weisen Sie jedem eindeutigen Wert in einer Liste eine Nummer zu

Weisen Sie jedem Client eine Docker-Instanz zu

Weisen Sie jedem Zeichen in HTML effizient eine Farbe zu

Weisen Sie jedem Zeichen in der Zeichenfolge eine benutzerdefinierte Klasse zu

So weisen Sie in KSH einer Variablen mit Leerzeichen eine andere Variable zu

So weisen Sie buildroot an, eine andere Version des Quellcodes von Qt . zu verwenden

So weisen Sie einer Variablen für eine andere if-Anweisung einen anderen Wert zu

So weisen Sie inkrementelle Nummern zu, jedoch nur, wenn eine andere Spalte einen anderen Wert hat

Weisen Sie jedem Eintrag in einer Liste eine bestimmte ID zu und generieren Sie eine neue Liste mit wiederholten IDs

Fügen Sie jedem Element einer Schleife eine andere Klasse hinzu, um ein Mauerwerkslayout zu erstellen

Weisen Sie eine Gruppen-ID zu

Weisen Sie jquery eine dynamische ID zu

TOP Liste

  1. 1

    So legen Sie mit dem Interface Builder unterschiedliche führende Speicherplätze für unterschiedliche Geräte fest

  2. 2

    Wie konvertiere ich einen Vektor von Bytes (u8) in eine Zeichenfolge?

  3. 3

    Wie kann ich in SCSS mehrere Klassen zu einer einzigen kombinieren?

  4. 4

    Eclipse Oxygen - Projekte verschwinden

  5. 5

    Wie konvertiert man einen Datenrahmen im langen Format in eine Liste mit einem geeigneten Format?

  6. 6

    Wie kann ich den Kaskadenmodus global einstellen?

  7. 7

    Wie erstelle ich einen neuen übergeordneten Knoten außerhalb der .ref (/ path) in der Firebase-Echtzeitdatenbank mithilfe von Cloud-Funktionen (Typescript)?

  8. 8

    So erhalten Sie eine gleichmäßige Höhe für alle Eingabefelder

  9. 9

    Python: Spalten mit demselben Namen zusammenführen, wobei der Mindestwert beibehalten wird

  10. 10

    Speichern Sie ein MPAndroidChart-Diagramm in einem Bild, ohne es in einer Aktivität anzuzeigen

  11. 11

    Gruppieren Sie Datenrahmenspalten nach ihrem Datum (die Spaltentitel enthalten) und fassen Sie die Instanzen von Einsen und Nullen in R . zusammen

  12. 12

    ElasticSearch BulkShardRequest ist aufgrund von org.elasticsearch.common.util.concurrent.EsThreadPoolExecutor fehlgeschlagen

  13. 13

    Tic Tac Toe-Spiel im React-Reset-Button funktioniert nicht

  14. 14

    Tomcat - Leiten Sie den alten Kontextstamm zum neuen Kontextstamm um

  15. 15

    Wie wählt man Unterschiede mit drei Tabellen aus?

  16. 16

    Ärgerliches Problem mit yaml, das ich nicht lösen kann

  17. 17

    Wie kann ich meine Tabelle abfragen, um sie in mySQL nach 2 Feldern zu gruppieren?

  18. 18

    So berechnen Sie die Verfügbarkeit von Anwendungen (SLA)

  19. 19

    Fügen Sie eine weitere Schaltfläche zu gwt Suggest Box hinzu

  20. 20

    Modbus Python Schneider PM5300

  21. 21

    Wie kann eine gleichmäßige Lastverteilung in ElasticSearch mit Indizes mit unterschiedlicher Anzahl von Shards erreicht werden?

heißlabel

Archiv