jQuery: check if element has CSS attribute

by

If it’s not set, fetching it will yield an empty string. Hence  

var bg = ('element').parents().filter(function() {
    return $(this).css('background').length > 0;
}).eq(0)

EDIT

Some research shows that css('background') will always yield an empty string, or undefined, depending on browser. css('background-color') will correctly return the color of the element at hand; but also different values for each browser, so it is troublesome to test (transparent in IE, rgba(0,0,0,0) in firefox/chrome, for instance, both being accurate ways of specifying transparent).

jQuery.fn.getBg = function() {
    return $(this).parents().filter(function() {
        // only checking for IE and Firefox/Chrome. add values as cross-browser compatibility is required
        var color = $(this).css('background-color');
        return color != 'transparent' && color != 'rgba(0, 0, 0, 0)';
    }).eq(0).css('background-color');
};

More Related Contents:

  1. Use jQuery to hide a DIV when the user clicks outside of it
  2. How to get a cross-origin resource sharing (CORS) post request working
  3. Why is jQuery’s .ajax() method not sending my session cookie?
  4. Check if Internet Connection Exists with jQuery? [duplicate]
  5. jQuery .data() does not work, but .attr() does
  6. How can I bind all events on a DOM element?
  7. jquery click doesn’t work on ajax generated content
  8. jquery save json data object in cookie
  9. What’s the difference between jQuery’s replaceWith() and html()?
  10. How can I make a jQuery countdown
  11. What makes a jQuery object show up as an array in Chrome’s Developer Tools?
  12. jQuery add image inside of div tag
  13. How to Delete Session Cookie?
  14. jquery ajax problem in chrome
  15. Resizable table columns with jQuery [closed]
  16. Yellow fade effect with JQuery
  17. JQuery: Build HTML in ‘memory’ rather than DOM
  18. How to populate a dropdownlist with json data in jQuery?
  19. jquery fullcalendar event filtering
  20. jQuery check if element has a specific style property defined inline
  21. Accessing cross-domain style sheet with .cssRules
  22. How do I get a jQuery selector’s expression as text?
  23. How do you create a toggle button?
  24. Bottle Py: Enabling CORS for jQuery AJAX requests
  25. How to remove only one style property with jQuery?
  26. change focus into particular div
  27. How to disable rubber band in iOS web apps?
  28. jQuery mobile- For every live tap event should there be an equivalent click event?
  29. Jquery to change form action
  30. Get Selected value from Multi-Value Select Boxes by jquery-select2?

Leave a Comment