jQuery: rimuovere il floating CSS dagli elementi

Applicare il clear CSS agli elementi flottati richiede spesso un intervento sulla marcatura della pagina applicando una classe speciale a determinati elementi. Con jQuery possiamo automatizzare questo processo.

La soluzione è la seguente:

(function( $ ) {
    $.fn.clear = function() {
        return this.each(function() {
            var $element = $( this );
            var cssFloat = $element.css( "float" );

            if( cssFloat !== "none" ) {
                $element.css( "clear", cssFloat );
            }
        });
    };
})( jQuery );

Esempio d'uso:

$( "img" ).clear();