jquery經過css的color屬性實現選取特殊顏色的內容

今天一個朋友問到怎麼使用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();

問題解決了，若是要查找背景色之類的相信你們也就會了