Javascript 使用jquery旋转数组元素

我有一个角度数组，我想循环每个角度，并在每个行表中显示css类的不同方向。但是，循环不会显示不同的方向。我尝试了这段代码，但是如果我在循环外调用函数，它只显示一个方向，如果我在循环内调用函数，它不会显示任何方向。我不知道如何连接到每个角度和css类元素。例如，第一行我希望元素指向90度，第二行45度……第6行指向60度

    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 

var角度=[90,45,170,180,270,60]
列表=''；
对于（i=0；i<6；++i）{
列表+=''；
列表+=“”+“”
列表+=''；
旋转（角度[i]）；//不显示任何方向
}
$（'#imagetable>tbody'）.html（列表）；
函数旋转（角度）{
$（“.fa角度加倍”）。旋转（角度）；
}
旋转（角度[i]）；//显示选定角度上的方向

我认为这是因为在将元素添加到DOM之前调用了rotate函数。尝试在添加后直接添加另一个循环，如下所示：

$("#imagetable > tbody").html(list);
for (i = 0; i < 6; ++i) {
    rotate(angle[i]);
}

$（“#imagetable>tbody”）.html（列表）；
对于（i=0；i<6；++i）{
旋转（角度[i]）；
}

首先，我想看看你的全部代码。第二，id是唯一的，但是如果对于循环结束，有6个标记，那么您就做了很多相同的标记。