更改背景顏色CSS與jQuery

您好我有一個jqGrid的creaty細胞像這樣其中：更改背景顏色CSS與jQuery

 <td role="gridcell" 
     title=" Hull City AFOdds: 1.74Stake: 27Ret: 46.98Ben: 0.98(Back)" 
     aria-describedby="list2_bet_2">...</td>

我想給這個TD與jQuery自定義樣式。我怎樣才能訪問它的CSS？

感謝

來源

2013-10-23 user2876368

谷歌'jquery css' – dezman

你的問題真的是針對正確的TD或關於使用jQuery的'css（）'函數嗎？ –

http://api.jquery.com/css/ –

如果你預先知道aria-describedby atttribute的價值，你可以針對td有：

jQuery("td[aria-describedby='list2_bet_2']")

所以後來修改背景色

jQuery("td[aria-describedby='list2_bet_2']").css('background-color','#f00');

來源

2013-10-23 20:30:11

要設置表格中的所有TD元素：

$('td').css('background-color', 'red');

如果您只想設置特定的TD，請使用其他選擇器。

來源

2013-10-23 20:30:37

如果你想測試每一行和單元格的內容，你可以做像下面這在每一行和每一顏色單元格的紅色如果這兩個測試的細胞該行是迭代0：

var rowIds = $(grid).jqGrid('getDataIDs'); 

for (i = 1; i <= rowIds.length; i++) { 
    rowData = $(grid).jqGrid('getRowData', i); 

    //check on TradeAmount and FoilTradeAmount Cells 
    //color background red if both are 0...the user should have to selecte a postive value of either cell 
    if (rowData['TradeAmount'] == 0 && rowData['FoilTradeAmount'] == 0) { 
     $(grid).jqGrid('setCell', i, 'TradeAmount', "", { 'background-color': '#F08080', 'background-image': 'none', 'font-weight': 'bold' }) 
     .jqGrid('setCell', i, 'FoilTradeAmount', "", { 'background-color': '#F08080', 'background-image': 'none', 'font-weight': 'bold' }); 
    } //if 
    else { 
     $(grid).jqGrid('setCell', i, 'TradeAmount', "", { 'background-color': '#5ccd06', 'background-image': 'none', 'font-weight': 'bold' }) 
     .jqGrid('setCell', i, 'FoilTradeAmount', "", { 'background-color': '#5ccd06', 'background-image': 'none', 'font-weight': 'bold' }); 
    } 
} //for

如果你只是想在風格一列曾經電池，你可以做這樣的事情

.className td[aria-describedby="GridName_RowName"] {background-color: #F08080;}

，然後網格初始化您測試每行和每添加一個類的一部分，如果某些條件得到滿足：

 rowattr: function (rd) {//if the row is displaying an inactive user, give it a different CSS style 
      if (rd.CellName!= 0) { return { "class": "DeckListMissingAmount" }; } //if 

     },

來源

2013-10-23 23:54:05 Mark

更改背景顏色CSS與jQuery

回答

相關問題