jqueryを使用してCSSのフォントAwesomeを回転

Question

与えられた角度でページが読み込まれると、各配列要素のテーブルの列のCSSフォントをすばやく（fa fa-up-up）回転させたかったのです。私は、JavaScriptを使用して配列からテーブルを動的に作成します。矢印はテーブルの列に表示されていますが、回転していません。どのように私は、各配列要素の上方向の回転をアタッシェでき

// JavaScriptの

var html = ''; 
    for (i = 0; i < 7; ++i){ 
     html += '<tr id="list">'; 
     html +='<td>'+ days[i] +'</td>'; 
     html +='<td>'+ max[i] +'</td>'; 
     html +='<td>'+ average[i] +'</td>'; 
     html +='<td>'+ "<div class='fa fa-arrow-up'> </div>"+ '</br>' + windS[i] +'</td>'; 
     html +='</tr>'; 

    } 

    $('#weatherTable > tbody').html(html); 



$(".fa-arrow-up").rotate(angle); 

Answer 1

あなたは風の方向に矢印がを持ってしようとしているように見えます。どちらが推測できるかは、N NE SE SE SW W NWとN. Thats 9ケースです。フォント素晴らしい4つの方向はすでにデフォルト、NES W. によってあなたのために覆われているとあなたがしなければならないのは、CSSで回転度を適用している：あなたが他の方向を表示したい場合は

<div class='fa fa-arrow-up fa-rotate-90'> </div> 

このスタックオーバーフローの答えを見てここに：

Statically rotate font-awesome icons