javascript – 如何使用jQuery / JS检测元素的继承背景颜色?

前端之家收集整理的这篇文章主要介绍了javascript – 如何使用jQuery / JS检测元素的继承背景颜色?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用jQuery(或 JavaScript),如何检测元素的继承背景颜色?

例如:

<div style="background-color: red">
    <p id="target">I'd like to know that the background-color here is red</p>
</div>

然而:

$('#target').css('background-color') == rgba(0,0)

$('#target').css('backgroundColor') == rgba(0,0)

我要求一个一般的解决方案. $(‘#target’).parent().css(‘background-color’)将在这个实例中工作,但不是全部.

解决方法

这可以通过在循环中使用parent()来实现,直到你到达body标签

我已经建立了一个快速jsfiddle站点,一个基于你的代码的演示.

编辑:
好抓福做了一些测试后,看起来IE7会返回’透明’而不是rgba(0,0)值. Here’s an updated link,我在IE7,Chrome 7和Firefox 3.6.1.2中测试.另一个注意事项:Chrome / Firefox将返回rgb(255,0); IE返回“红色”.

原文链接:https://www.f2er.com/jquery/152464.html

猜你在找的jQuery相关文章