Want to test the Name of a background color in JQuery

Question

I didnt find an answer that I could understand. I am trying to test if a div that was clicked has a background color of 'red' ... instead of red (in an alert) I am getting rgb(125,0,0) .... tried testing that with single quotes and it didnt work... any help please?

 alert($('#' + id).css('background-color'));

 if ($('#' + id).css('background-color') == 'red') {
                 $('#' + id).hide('slow');
 }

score 3 · Answer 1 · answered Apr 01 '11 at 03:17

3

Testing it in Chrome, I am getting spaces between those commas. If you are comparing strings, every character including spaces must be the same, so change to:

if ($('#' + id).css('background-color') == 'rgb(255, 0, 0)') {

answered Apr 01 '11 at 03:17

David Tang

92,262
30
167
149

score 2 · Accepted Answer · answered Apr 01 '11 at 03:16

It would be a whole lot easier if you gave the divs the background color using a CSS class, then simply tested for the presence of the class. Color is less semantic than the class, anyway.

 <style>
    .alert { background-color: Red; }
 </style>

 <div id="warning" class="alert">
 </div>

 <script type="text/javascript">
    $(function() {
       $('div').click( function() {
           if ($(this).hasClass('alert')) {
                $(this).hide('slow');
           }
       });
    });
 </script>

Ah crud, that makes so much more sense to do -- Ill just add a class to my red divs... thanks! — Todd Vance, Apr 01 '11 at 03:20

score 2 · Answer 3 · edited May 23 '17 at 12:26

2

This may help to avoid any possible cross-browser difference.

edited May 23 '17 at 12:26

Community

1
1

answered Apr 01 '11 at 03:21

Quincy

4,393
3
26
40

Want to test the Name of a background color in JQuery

3 Answers3