jquery经过css的color属性实现选取特殊颜色的内容

今天一个朋友问到怎么使用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();
问题解决了,若是要查找背景色之类的相信你们也就会了
相关文章
相关标签/搜索