第 2 部分。选择和更改具有特定背景颜色的元素答案

【问题标题】：Part 2. Select and Change elements with a certain background color第 2 部分。选择和更改具有特定背景颜色的元素
【发布时间】：2018-01-15 05:30:24
【问题描述】：

离开这个问题：Selecting elements with a certain background color

我想用某种颜色的背景改变所有元素的背景。我尝试了答案中提到的方法，但它似乎对我不起作用。

jQuery:

// using string
$('*').filter(function(){
    return ( $(this).css('background-color') == 'green' );
}).css('background', 'blue');

// using hex
$('*').filter(
    return ( $(this).css('background') == '#a3a3a3' );
}).css('background', 'red');

这里是 JS Bin

【问题讨论】：

标签： jquery html css

【解决方案1】：

你应该先将十六进制转换为RGB，然后再比较

示例

<script>
    function hexToRgb(hex) {
        var bigint = parseInt(hex, 16);
        var r = (bigint >> 16) & 255;
        var g = (bigint >> 8) & 255;
        var b = bigint & 255;

        return "rgb(" + r + ", " + g + ", " + b + ")";
    }

    $('*').filter(function () {
        return ($(this).css('background-color') == hexToRgb('a3a3a3'));
    }).css('background', 'green');
</script>

jsFiddle

【讨论】：