javascript - 使用jquery旋转数组元素

Question

我有 Angular 数组，我想循环每个 Angular 并在每个行表中显示 css 类的不同方向。但是，循环不显示不同的方向。我尝试了这段代码，但如果我在循环外部调用该函数，它只显示一个方向，如果我在循环内部调用该函数，它不会显示任何方向。我不确定如何连接到每个 Angular 和 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 

Answer 1

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

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