今天一个朋友问到怎么使用jQuery选取特定颜色的内容,之前没有遇到过这样的需求。首先,不少人可能想到使用jQuery属性选择器来实现,这是不能够的,由于 color 是 css 的属性,而不是 html 的属性。因此这里咱们使用 filter 来进行筛选,做用在jQuery文档中描述为“筛选出与指定表达式匹配的元素集合”。css
有以下很是简单的 HTML:html
.white{color:White;}
<p style="color:Black;">黑色Iphone 4s</p>
<p class="white">白色Iphone 4s</p>
使用下边的代码便可实现咱们的目的,以下:web
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();
|