Question

以下是我的代码......

我有四个带有特定文本的跨度的div，而运行以下查询时，只有最后一个div跨度变为橙色

function populateFavorites(result) {       
    $.each(result, function (key, res) {              
        var data = {
            "ISO": res.CurveIsoCode, "Utility": res.CurveUtility, "PriceDifference": 2,
            "Price": 5, "DefaultTerm": res.Term, "StartDate": formatDate(res.StartDate), "DefaultPeakPriceType": res.PeakPriceTypeName,
            "ChartControl": res.FavouritesId, "ChekBoxID": res.FavouritesId
        };

        isoGridData.push(data);
        $("#gridtarget").kendoGrid({
            dataSource: isoGridData,
            rowTemplate: kendo.template($("#iso-utility-detail").html())
        });

        GraphValues(res.CurveIsoCode, res.CurveUtility, res.PeakPriceTypeName, formatDate(res.StartDate), res.Term,
                _historyType, _Url,
                priceValues, priceDates, "ChartControl" + res.FavouritesId,
                0, 10, 10);

        $("#idcontentgrid" + res.FavouritesId + " span:contains(" + res.HistoryTypeName + ")").css('color', 'orange');
    });
}

知道为什么会这样吗？以及如何申请所有div跨度？

由于

Answer 1

根据我从你的问题中理解的每次你的循环工作，你正在应用的CSS被剑道网格覆盖。

所以尝试删除你的逻辑以在一个单独的循环中应用css，

function populateFavorites(result) {       
    $.each(result, function (key, res) {              
        //existing code
        GraphValues(res.CurveIsoCode, res.CurveUtility, res.PeakPriceTypeName, formatDate(res.StartDate), res.Term,
                _historyType, _Url,
                priceValues, priceDates, "ChartControl" + res.FavouritesId,
                0, 10, 10);

    });

    $.each(result, function (key, res) {              
       $("#idcontentgrid" + res.FavouritesId + " span:contains(" + res.HistoryTypeName + ")").css('color', 'orange');           
    });
}

通过jquery添加css样式不起作用

1 个答案: