javascript - 使用 jQuery 检查 CSS 颜色

Question

尝试使用 jQuery sorta 来检查border-right-color 值，如下所示：

if ($(this).css("border-right-color") == "#000") {
    // Do some magic
}

但这不起作用。console.loging() $(this).css("border-right-color") 的值表示rgb(0,0,0)。

那么，我该如何编写这个条件检查呢？

Answer 1

使用此处找到的以下功能

if (rgb2hex($(this).css("border-right-color")) == "#000") {
    // Do some magic
}


function rgb2hex(rgb){
 rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
 return "#" +
  ("0" + parseInt(rgb[1],10).toString(16)).slice(-2) +
  ("0" + parseInt(rgb[2],10).toString(16)).slice(-2) +
  ("0" + parseInt(rgb[3],10).toString(16)).slice(-2);
}

在这里查看一个工作示例