jquery plugin to find the closest CSS style of a DOM element's parents.

jquery.closestStyle.js

// $().closestStyle()
// find the closest CSS style of a parent for a DOM element and apply it
// to the selected element. I use this mainly before calling
// .effect('highlight') so the backgroundColor will mesh properly.
// @example:
// $('.row').closestStyle('backgroundColor').effect('highlight');
(function($){
    $.fn.closestStyle = function(attr, val){
        var me = $(this);
        me.parents().each(function(i){
            var c = $(this).css(attr);
            if (c != 'transparent') {
                me.css(attr, c);
                return false; // stop
            }
            return true; // strict compliance
        });
        return this;
    }
})(jQuery);