jquery css颜色值是否返回RGB？
jquery css颜色值是否返回RGB？
提问于 2010-06-16 04:38:08
在我的CSS文件中：
a, a:link, a:visited { color:#4188FB; }
a:active, a:focus, a:hover { color:#FFCC00; }我尝试过：
var link_col = $("a:link").css("color");
alert(link_col); // returns rgb(65, 136, 251)我怎样才能得到十六进制码？
*编辑:在这里找到答案：
Background-color hex to JavaScript variable
我真丢脸，在发帖之前可以搜索得更好一点..
回答 2
Stack Overflow用户
发布于 2011-09-12 03:33:51
对功能进行一些调整
$.fn.getHexBackgroundColor = function() {
var rgb = $(this).css('background-color');
if (!rgb) {
return '#FFFFFF'; //default color
}
var hex_rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
function hex(x) {return ("0" + parseInt(x).toString(16)).slice(-2);}
if (hex_rgb) {
return "#" + hex(hex_rgb[1]) + hex(hex_rgb[2]) + hex(hex_rgb[3]);
} else {
return rgb; //ie8 returns background-color in hex format then it will make compatible, you can improve it checking if format is in hexadecimal
}
}Stack Overflow用户
发布于 2017-02-24 01:38:46
这是我的观点。简单明了。
(function($) {
$.fn.getHexBackgroundColor = function() {
return (function(rgb) {
return '#' + (!rgb
? 'FFFFFF'
: rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/)
.slice(1)
.map(x => ('0' + parseInt(x).toString(16)).slice(-2))
.join('')
.toUpperCase());
})($(this).css('background-color'));
}
})(jQuery);
$(function() {
$('#color-rgb').text($('.foo').css('background-color'));
$('#color-hex').text($('.foo').getHexBackgroundColor());
});.foo {
background: #F74;
width: 100px;
height: 100px;
}
label { font-weight: bold; }
label:after { content: ': '; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="foo"></div>
<label>RGB</label><span id="color-rgb">UNDEF</span><br />
<label>HEX</label><span id="color-hex">UNDEF</span>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3048838
复制相关文章
相似问题