根据其内容叠加 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 表中表中结构中不起作用。为什么？问题出在哪里？整个表格都是最后一个值的颜色。

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>