CSSスタイルは、以下のjqueryの

Question

を経由して追加機能していない私のコードです....

以下のクエリを実行すると、最後のdivスパンがオレンジ色

を取得している間、私は、特定のテキストとのスパンを持つ4つの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は剣道グリッドによってオーバーライドなっています。

だから、言うのは難しいのHTMLを見ることなく

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');   
    }); 
}