How can I compare two color values in jQuery/JavaScript?

by

Here is an approach that should work on all browsers using JQuery:

  1. Create a hidden div <div id="dummy" style="display:none;"></div> on your HTML page. (Creating the dummy element dynamically with JQuery does not work for named colors)
  2. Set the color of the dummy element to the expected color, i.e. $('#dummy').css('color','black');
  3. Compare the color of the dummy element with the element you want to check

i.e.

if($('#element').css('color') === $('#dummy').css('color')) {
  //do something
}

More Related Contents:

  1. required field notification using jquery
  2. CSS or jQuery : How to get visible top [duplicate]
  3. How to have html popup appear over main html page?
  4. Write tags in HTML and print
  5. How to disable HTML links
  6. Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
  7. Refresh/reload the content in Div using jquery/ajax
  8. Animate element to auto height with jQuery
  9. How to style “input file” with CSS3 / Javascript? [duplicate]
  10. What is difference between width, innerWidth and outerWidth, height, innerHeight and outerHeight in jQuery
  11. Modifying CSS class property values on the fly with JavaScript / jQuery
  12. How to get nth-child selector to skip hidden divs [duplicate]
  13. Does .css() automatically add vendor prefixes?
  14. How to auto-scroll to end of div when data is added? [duplicate]
  15. Disable dragging an image from an HTML page
  16. Am I using too much jQuery? When am I crossing the line?
  17. Use a new CSS file to override current website’s
  18. How to keep the menu state on page reload
  19. How to get just numeric part of CSS property with jQuery?
  20. How can I change the font (family) for the labels in Chart.JS?
  21. Unusual shape of a textarea?
  22. Disable elastic scrolling in Safari [duplicate]
  23. Using jQuery to know when @font-face fonts are loaded?
  24. How to display Image dynamically on UI?
  25. Get the scale value of an element?
  26. CSS Textarea that expands as you type text [duplicate]
  27. Can jQuery change css style definition? (not individual css of each element)
  28. How to make superfish dropdown menu responsive?
  29. Delay Removing a Class in Jquery [duplicate]
  30. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?

Leave a Comment