Question

我有一系列角度，我想循环每个角度，并在每个行表中显示不同的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

Answer 1

我相信这是因为你在将元素添加到DOM之前调用了旋转函数。在添加之后尝试直接添加另一个循环：

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

使用jquery旋转数组元素

1 个答案: