Drehen Array-Element mit jquery

Question

Ich habe Array von Winkeln und ich wollte jeden Winkel Schleife und unterschiedliche Richtung der CSS-Klasse in jeder Zeile Tabelle anzuzeigen. Die Schleife zeigt jedoch keine andere Richtung an. Ich habe diesen Code ausprobiert, aber es zeigt nur eine Richtung an, wenn ich die Funktion außerhalb der Schleife anrufe und keine Richtung anzeigt, wenn ich die Funktion innerhalb der Schleife anrufe. Ich bin mir nicht sicher, wie man sich mit jedem Winkel- und CSS-Klassenelement verbindet. Beispiel in Reihe eins will ich Elementpunkt bis 90 Grad, in Reihe zwei 45-Grad .... Linie 6 Punkt bis 60 Grad

var angle = [90, 45, 170, 180, 270, 60] 
    list = ''; 

    for (i = 0; i < 6; ++i){ 
      list += '<tr>'; 
      list +='<td>'+ "<div class='fa fa-angle-double-up'> </div>" 
      list +='</tr>'; 
      rotate(angle[i]); // not show any direction 
     } 
    $('#imagetable > tbody').html(list); 


    function rotate (angle){ 
      $(".fa-angle-double-up").rotate(angle); 
     } 
    rotate(angle[i]); // show direction on the selected angle 

Answer 1

Ich glaube, es ist, weil Sie die Drehfunktion aufrufen, bevor die Elemente hinzugefügt wurden das DOM. Versuchen Sie, eine weitere Schleife direkt nach dem Hinzufügen wie folgt hinzuzufügen: