gpt4 book ai didi

html表格根据值设置一些单元格文本颜色

转载 作者:太空狗 更新时间:2023-10-29 15:23:12 24 4
gpt4 key购买 nike

我有一个 html 表格,在特定列中,文本设置为“Y”或“N”。我想知道如果值为“N”,是否可以在加载时以编程方式将文本颜色设置为红色?

<table>
<tr>
<td>N</td>
<td>Y</td>
</tr>
</table>

最佳答案

使用 jQuery , 这很容易:

<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
<script type="text/javascript">

$(document).ready(function(){
$('#table_id td.y_n').each(function(){
if ($(this).text() == 'N') {
$(this).css('background-color','#f00');
}
});
});

</script>

</head>
<body>

<table id="table_id">
<tr><th>Question</th><th>Y/N?</th></tr>
<tr><td>I am me.</td><td class="y_n">Y</td></tr>
<tr><td>I am him.</td><td class="y_n">N</td></tr>
<tr><td>I am not sure.</td><td class="y_n">Y</td></tr>
<tr><td>This is a table.</td><td class="y_n">Y</td></tr>
</table>

</body>
</html>

注意:我测试了上面的文件并且它有效。复制到您的桌面,另存为 yn.html,然后在浏览器中运行。

编辑:使用纯选择器完成而不依赖 if 语句...

$(document).ready(function(){
$("#table_id td.y_n:contains('N')").css('background-color','#fcc');
});

这是在 Tyler Holien 的回答之后。这将是更好的方法,因为它不涉及那么多函数调用,并且用更少的代码表现得更好。注意:不幸的是,如果有其他内容可能包含 N 且不应被选中,请不要使用此版本,因为包含将选择其中包含 N 的所有文本,而不仅仅是“N”文本。

关于html表格根据值设置一些单元格文本颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4880595/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com