Get Background-Color of Elements with jQuery

getBackgroundColor.md

Get Background-Color of Elements with jQuery

(function($){
    $.fn.getBackgroundColor = function() {
        var self = $(this);
        var bgColor = "";
        while(self.prop("tagName").toLowerCase() != "html") {
            bgColor = self.css("background-color");
            if(bgColor != "rgba(0, 0, 0, 0)" && bgColor != "transparent") {
                break;
            }
            self = $(this).parent();
        }
        return bgColor;
    }
})(jQuery);

Usage

var bgColor = $("body").getBackgroundColor();

console.debug(bgColor); // return String