0

こんにちは、次のようなセルを作成する jQGrid があります。

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

この td に jQuery を使用したカスタム スタイルを適用したいと考えています。どうすればそのCSSにアクセスできますか??

ありがとう

4

3 に答える 3

0

各行とそのセルの内容をテストする場合は、次のようにして、各行を反復し、その行のテストされたセルが両方とも 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-23T23:54:05.250 に答える
0

aria-describedby属性の値が事前にわかっている場合は、次のようにターゲットを設定できますtd。

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

次に、背景色を変更します

jQuery("td[aria-describedby='list2_bet_2']").css('background-color','#f00');
于 2013-10-23T20:30:11.093 に答える
0

テーブルのすべての TD 要素を設定するには:

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

特定の TD のみを設定する場合は、別のセレクターを使用してください。

于 2013-10-23T20:30:37.580 に答える