Question

我尝试使用根据值更改的颜色来实现选取框。我找到了这个post并且我已经开始运行了。我遇到的问题是使用razor html。

部分这会将所有内容整合到一个范围中，因此我确定如何更改每个项目的颜色

@model IEnumerable<ticker.Models.ProcBookingsModel>

<p class="marqueeTop">
    <span>
        @foreach(var item in Model){
                @Html.DisplayFor(x => item.GroupName);
                @ViewBag.Space;
                @Html.DisplayFor(x => item.Sales);         
        }
    </span>
</p>

我认为这样的事情会奏效，但似乎并没有（将其改为绿色）

<p class="marqueeTop">
    <span>
        @foreach(var item in Model){
            if (item.Sales > 100000)
            {
                @Html.DisplayFor(x => item.GroupName, new {@class = "up"});
                @ViewBag.Space;
                @Html.DisplayFor(x => item.Sales , new {@class = "up"});   
            }      
        }
    </span>
</p>

CSS

.up {
    color: #4F692A;
}

jquery的

$(document).ready(function () {
    setColors();

});

function setColors() {
    $('.totalSales').each(function () {

        if (final > 100000) {
            $(this).addClass('up');
        } 
    });
}

Answer 1

如果删除＆＃34; final＆＃34;似乎工作正常变量检查：http://jsfiddle.net/67uhaur7/如何计算？

function setColors() {
    $('.totalSales').each(function () {

            $(this).addClass('up');
    });
}

具有多种颜色的选框数据列表

1 个答案: