Question

通常我会收到将网站上的所有颜色实例更新为不同颜色的请求

例如：

在整个网站上，对于当前＃51284F（文本，按钮等）的任何元素，请将颜色更新为＃4F9CEC

当然，这通常是在样式表中使用CSS完成的。但是，这是一个包含数百页的非常大的网站，我们无法确定哪些元素当前设置为＃51284F，哪些页面可能包含设置为＃51284F的元素。此外，这个请求经常出现，因此有一种有效的方法可以一次更改所有颜色，而不是手动浏览每个页面并为每个需要颜色更新的元素编写CSS。

那么，使用JavaScript，有没有办法在整个网站上搜索当前设置为＃51284F并将其颜色更新为＃4F9CEC的任何元素？

HTML看起来像这样：

<div class="header-default" data-widget-name="header-default" data-widget-id="template-header1">
<ul class="tels">
<li class="tel phone1 collapsed-show" data-click-to-call="Sales">
<span class="type">Sales</span><span class="separator">:</span>                                 
<span class="value">123-456-7890</span></li>
<li class="tel phone2 " data-click-to-call="Service/Parts">
<span class="type">Service/Parts</span><span class="separator">:    
</span><span class="value">123-456-7890</span></li>
<li class="tel phone3 " data-click-to-call="Body Shop">
<span class="type">Body Shop</span><span class="separator">:</span>    
<span class="value">123-456-7890</span></li>
<li class="tel phone4 " data-click-to-call="Local">
<span class="type">Local</span><span class="separator">:</span>                         
<span class="value">123-456-7890</span></li>
</ul>

CSS看起来像这样：

.header-default .tels { color: #51284F; }

不幸的是，这些是模板网站，因此我们不会逐个网站地编辑HTML。 HTML本身来自网站所在的特定模板

非常感谢你！

Answer 1

如果您可以提供要更新的元素的代码，将会很有帮助。特别是他们的html和css格式。

Answer 2

只需在sublime文本中单击鼠标右键，然后单击FIND IN FOLDER，底部将出现一个框，其中包含“FIND”和“REPLACE”值，将find设置为＃51284F并替换为＃4F9CEC。保存所有。

Answer 3

尝试这样的事情

   <!DOCTYPE html>
    <html>
    <head>
    <style> 
    [class*="te"] {
        background: yellow;
    }
    [style*="color: red;"] {
        font-size: 50px;
    }
    </style>
    </head>
    <body>

    <div class="second" style="color: red; background-color: black;">The first div element.</div>
    <div class="my-test">The second div element.</div>

    </body>
    </html>

Answer 4

也许这样的事情？..我不确定没有语法错误。但你可以试试

$('*').filter(function () {
     var selectColor = 'rgb(0,0,0)';
     return ($(this).css('color') == selectColor);
}).css('color', "some new color");

使用JavaScript更新站点上特定颜色的所有实例

4 个答案: