2016-05-30 7 views
2

こんにちは、私はいくつかのタグを持っていて、そのタグには色があり、CSSを介してその色を直接変更することができます。.tag::after what i need is pass that value @ tag.color`私はそれを行う方法がわからない私はすでにそれを行ったときに私はホバーとjssを介してCSSの変更で簡単に変更することができますが、私はどのように値を渡すことができます知っている?ビューからjqueryにカラーを渡す

@foreach (var tags in i.Tags) 
      { 
       <div class="col-md-2"> 
        <ul class="tagMargin"> 
         <li><a href="#" class="tag" style="background-color:@tags.cor;color:black;font-size:9px">@tags.NomeTag</a></li> 
        </ul> 
       </div> 
      } 
+0

:クラスとリスト項目.tag

var array = []; $('.tag').each(function() { array.push($(this).data('color')); }) console.log(array); 

結果を通じてooping。解説more – Mohammad

+0

私は要素のホバー色を変更したい私は私のモデルで欲しい色を持ってどのようにjqueryまたはCSSに渡すことができますか? liSagでの –

+0

:ホバー。しかし、あなたはすでにループのためのタグに入っています、余分な@タグを失い、あなたのスタイルを正しくフォーマットします。 –

答えて

1

あなたは私のデータ属性で再作成たシンプルなコントローラ

public ActionResult Index() 
{ 
    var sampleList = new List<SampleModel>(); 
    sampleList.Add(new SampleModel 
    { 
     Color = "#2ecc71", 
     Name = "Emerald" 
    }); 
    sampleList.Add(new SampleModel 
    { 
     Color = "#2980b9", 
     Name = "Belize Hole" 
    }); 
    sampleList.Add(new SampleModel 
    { 
     Color = "#c0392b", 
     Name = "Pomegranate" 
    }); 


    return View(sampleList.ToList()); 
} 

とビューをJQuery .data()を使用し、マッチした要素

に関連付けられた任意のデータを格納することができ

@foreach(var tags in Model) 
{ 
    <div> 
     <ul> 
      <li><a href="#" class="tag" style="background-color:@tags.Color;color:black;font-size:9px" data-color="@tags.Color">@tags.Name</a></li> 
     </ul> 
    </div> 
} 

lでJQueryを使用して属性の値を取得するだけです私はあなたが正確に何をしたいかを理解することはできません

["#2ecc71", "#2980b9", "#c0392b"] 
関連する問題