使用jquery旋转数组元素

我有角度数组，我想循环每个角度，并在每个行表中显示css类的不同方向。但是，循环不显示不同的方向。我试过这段代码，但它只显示一个方向，如果我在循环外调用函数，并且如果我在循环内调用函数，它不会显示任何方向。我不知道如何连接到每个角度和CSS类元素。例如，在一排，我想单元点到90度，在连续两个45度....线6点到60度使用jquery旋转数组元素

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

来源

2017-08-16 Daniel Nilles

第一，我想看到你的整个代码。第二，id是唯一的，但是你做了很多相同的 – zynkn

如果for-loop结束，则有6个标记。 – zynkn

我相信这是因为你拨打旋转功能之前的元素已经被添加到DOM。尝试添加后直接添加另一个循环如下所示：

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

来源

2017-08-16 15:32:40

仍然所有的表格行只显示一个方向 –

使用jquery旋转数组元素

回答

相关问题