2016-07-28 12 views
2

Ich muss eindeutige IDs zu allen h2 Tags mit jquery hinzufügen. Ich weiß nicht, wie man einzigartige Ids hinzufügt, tatsächlich erhalten alle meine h2 Tags das selbe, wenn ich gerade die attr Funktion benutze und ich habe keine Idee, wie man das ändert.Schleife durch alle h2 Elemente und fügen Sie eindeutige ID

$('h2').attr("id", "rev3"); 
+0

Was haben Sie versucht? – nicael

Antwort

3

Sie können eine implizite Funktion innerhalb jQuerys verwenden .each() ähnliche

var id = 0; 
$('h2').each(function(){ 
    $(this).attr("id", "rev" + id); 
    id++; 
}) 

.each() Schleifen durch alle Ergebnisarrayelemente, während this reffers immer auf dem aktuellen Element.

+3

Sie brauchen nicht "jeder". Sie können die Funktion an 'attr 'selbst übergeben' $ (' h2 ') .attr (' id ', x => \' rev $ {x} \ ')' –

+1

@YuryTarabanko Das ist auch eine schöne Lösung! – Daniel

1

Es ist mit jedem möglich. Sie brauchen nicht einmal eine separate Variable, um den Index zu halten:

$('h2').each(function(index, element) { 
    $(this).attr('id', 'anid' + index); 
}); 
+1

Sie haben völlig Recht. Ich habe beim Schreiben meines Beispiels eine komplexere ID-Generation angenommen ... – Daniel

Verwandte Themen