コンテンツに応じてTDをオーバーレイします

Question

私は解決された問題を模した質問がありますが、私の環境では解決策は機能しません。

SharePointには、列のあるテーブルがあります。その中のコンテンツが「緑」のようなものである場合、背景色を単一のTDの緑に変更したいです。

私はこれを試しました

<table>
    <tr>
        <table>
            <tr>
                <th width="200px">Title</th>
                <th width="100px">State</th>
            </tr>
            <tr>
                <td>Hello</td>
                <td>Green</td>
            </tr>
            <tr>
                <td>World</td>
                <td>Red</td>
            </tr>
        </table>
    </tr>
</table>
<script>
    $("td:contains('Green')").css('background-color', '#00FF00');
</script>

jsfiddleに関する私の例

しかし、これはSharePoint Table-in-Table構造では機能していません。なんで？何が問題ですか？テーブル全体は、最後の値の色の塗装です。

Answer 1

最初にjqueryファイルを含めます

後で

あなたのコードを次のように書いてください

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>

<script>
$(document).ready(function(){
$("td:contains('Green')").css('background-color', '#00FF00');
});
</script>