如何在jquery中找到具有特定背景颜色的类?

时间:2017-07-01 10:54:16

标签: javascript jquery

<div class="common" style="bacground-color:rgb(255,255,255)"></div>
<div class="common" style="bacground-color:rgb(140,255,255)"></div>

这里我必须找到常见的类,其背景颜色为rgb(255,255,255)。

$(".common").each(function(){
if($(this).css("bacground-color") == "rgb(255,255,255)"){
alert ('this')
}
});

这是正确的方法吗?

请帮忙。

4 个答案:

答案 0 :(得分:1)

您可以使用CSS选择器.common[style~="bacground-color:rgb(255,255,255)"]~=将选择包含以下内容的属性)这里是jQuery中的示例:

$(function() {
	console.log($('.common[style~="bacground-color:rgb(255,255,255)"]').text());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="common" style="bacground-color:rgb(255,255,255)">1</div>
<div class="common" style="bacground-color:rgb(140,255,255)">2</div>

答案 1 :(得分:1)

试一试   你可以在这里查看https://jsfiddle.net/surendra786/dt3r7x97/ 你在背景拼写错误&#39; bacground&#39;并且还给出空格b / w颜色代码,如rgb(255,255,255)

$(".common").each(function(){
 if($(this).css("background-color") == "rgb(255, 255, 255)"){
  alert ('this')
}

});

如果它的工作正常

答案 2 :(得分:0)

首先,我认为bacground-color拼写错误。

应该是:

<div class="common" style="background-color:rgb(255,255,255)"></div>

其次,css选择器是backgroundColor。

$('.common').each(function(i, e) 
{     
   if ( $(e).css("backgroundColor")=="rgb(255, 255, 255)" )
    {
        alert(e);
    }
});

答案 3 :(得分:0)

jQuery('div').each(function(){
    var a = jQuery(this).css('background-color');

    if ( a.indexOf('255, 255, 255') > -1 ){ //spaces are important (255,255,255) won't work.

        console.log('bbb')
    }
})