今天一个朋友问到怎么使用jQuery选取特定颜色的内容，以前没有遇到过这样的需求。首先，很多人可能想到使用jQuery属性选择器来实现，这是不可以的，因为 color 是 css 的属性，而不是 html 的属性。所以这里我们使用 filter 来进行筛选，作用在jQuery文档中描述为“筛选出与指定表达式匹配的元素集合”。
有如下非常简单的 HTML：
.white{color:White;}
<p style="color:Black;">黑色Iphone 4s</p>
<p class="white">白色Iphone 4s</p>
使用下边的代码即可实现我们的目的，如下：
|
1
2
3
4
5
6
|
//result为"白色Iphone 4s"
var
result = $(
'p'
).filter(
function
() {
//匹配白色;rgb(0, 0, 0)black
var
match =
'rgb(255, 255, 255)'
;
return
($(
this
).css(
'color'
) == match);
}).text();
|