0

現在、動的に生成されたデータを含むテーブルがあり、セルに「50」よりも大きい数値が含まれている場合、テーブルの行を強調表示したいと思います。

これはCSSだけでできることですか？それともJQueryが関与する必要がありますか?

現時点では、この CSS を使用して各行を視覚的に分離しています。

.data tr:nth-child(odd){
    background-color:#eeeeee;
}

フィドル

4

2 に答える 2

1

純正では出来ませんCSS。CSS を使用すると、innerHTML を取得できません。

javascriptまたはを使用する必要がありjQueryます。

単純なループが必要です

$('td').each(function () {  //loop through each tds
    if (+$(this).text() > 50) { // + is used to parse it to integer type
        $(this).css('background-color', 'red')
    }
});

JSFiddle

于 2013-11-05T13:03:23.943 に答える
0

それは条件付き書式の一種ですよね？もしそうなら、あなたの唯一のオプションはJavascriptのようで、グーグルで検索するとかなりの数のオプションがあります。トップの Google リンクは次のとおりです: https://gist.github.com/rdrgrtz/1082791

于 2013-11-05T13:02:17.213 に答える