gpt4 book ai didi

javascript - 如何将这个 jquery 样式颜色集中到 css 中?

转载 作者:行者123 更新时间:2023-11-30 08:47:16 25 4
gpt4 key购买 nike

我在一些 HTML 文件中有以下代码:

$("table.altRow tr:odd").css("background-color", "#eeecec");
$("table.altRow tr:even").css("background-color", "#ffffff");

我怎样才能改变它,以便颜色在一个地方定义,所以如果我想改变它,我只需要改变它一次(而不是在每一页上)。我的一个要求是我有时会删除行(然后再次调用此代码以“重置”替代行颜色。我需要它才能继续工作

(注意:我正在动态执行此操作,因此我无法摆脱此 jquery 代码并完全替换为 css)。

例如,我经常删除行然后运行上面的代码以保持交替行数据的准确性。

最佳答案

好的,将我的答案与其他人的答案结合起来,希望能找到完整的解决方案:

1) 将规则添加到 external css stylesheet (例如,创建一个名为 style.css 的文件,内容如下:)

.lowlight { 
background-color: #eeecec;
}

.highlight {
background-color: #fff;
}

2) 要链接到样式表,这需要在 <head> 中您的 HTML 文档:

<link rel="stylesheet" type="text/css" href="/path/to/your/style.css" />

3) 最后,将样式分配给相关的表格行:

$("table.altRow tr:even").addClass("lowlight");

您可能还需要删除旧类,例如

$("table.altRow tr:even").addClass("lowlight").removeClass("highlight");

关于javascript - 如何将这个 jquery 样式颜色集中到 css 中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20857770/

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