2016-04-18 8 views
0

Underscorejsのサンプルメソッドを使用する。Javascriptでランダムに生成されたアイテムのリストをスタイルする方法

生成されたランダムサンプルにCSSスタイルを追加することはできますか?たとえば、返された[1、6、2]配列では、返された3つの数値を別の色にするにはどうすればいいですか?

コード:(UnderscoreJSから)

sample_.sample(リスト、[N])リストからのランダムサンプルを作製。 に番号を渡して、リストからn個のランダムな要素を返します。それ以外の場合は、単一の ランダム項目が返されます。私はあなたが彼らはこれが最善の解決策だとは思わないrandomly.Pleaseスタイルにする方法を探している願っています

_.sample([1, 2, 3, 4, 5, 6], 3); 
=> [1, 6, 2] 
+0

なぜ条件を追加しないでください? 'if(returnNumber == 5)//このリストのスタイルを...にします。 –

+0

正確にあなたが求めていることは明確ではありません。 '[{n:1、color: 'red'}]'のようなオブジェクトが欲しいですか? '[' 1']'のようなDOM要素が欲しいですか? –

+0

数字は最終的に引用符で囲まれます。それはJFを助けますか? – AndrewLeonardi

答えて

3

。ランダムなクラスを格納するための変数を作成し、それらをquote要素に追加することができます。私はまた、あなたがフィドルhereを表示することができ、jsfiddleにフィドルを作成し、この使用して、次のコード

var my_res = _.sample([ 
     'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et', 
     'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab', 
     'Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot', 
     'Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated', 
     'A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with', 
     'One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin.' 
    ], 3); 
    var my_class = _.sample(['style_1','style_2','style_3','style_4','style_5','style_6'],3) 
    var arr_len = my_res.length; 
    var targ = document.getElementById('i_need_quotes_within_this'); 
    for(i=0; i<arr_len; i++){ 
     targ.innerHTML += "<q class="+my_class[i]+">"+my_res[i]+"</q><br/>" 
    } 

を達成しました。

HERE you GO:あなたはEDIT

面倒な何かを見つける場合は私に知らせてください。悲しい私は最初に問題を理解しませんでした

+0

すばらしい。それは私があなたに感謝のために探していたものに非常に近いです!私はそれらのすべてに1つのクラスを持たせたいと思ったら、私はそれについてどうやって行くのですか? – AndrewLeonardi

+0

同じレイアウトが同じである必要があることを意味します。フォントの色の変更のようなわずかな違いがありますか? @AndrewLeonardi? –

+0

インラインスタイリングを使用してもいいですか?もしそうなら。与えられたフィドルではそれ以上のことは分かりますが、私は同じクラスのものを投稿することができます。 –

関連する問題