Tutorials

Einige nützliche Hilfen und Code-Schnipsel, die ich immer wieder benötige und deshalb hier für alle sammle.

Zurück zur Übersicht

jQuery: Checken ob ein Element ein bestimmtes inline-Style Attribut hat

#Tutorials#jQuery

Oft werden von jQuery und Plugins Inline-Styles an Elemente geschrieben. Möchte man diese explizit auslesen, so kann man dies mit der folgenden Funktion tun.

jQuery Funktion:


?(function ($) {
    $.fn.inlineStyle = function (prop) {
         var styles = this.attr("style"),
             value;
         styles && styles.split(";").forEach(function (e) {
             var style = e.split(":");
             if ($.trim(style[0]) === prop) {
                 value = style[1];           
             }                    
         });   
         return value;
    };
}(jQuery));

Benutzung:


//Returns value of "width" property or `undefined`
var width = $("#someElem").inlineStyle("width");

Viel Spaß damit!


Kommentare

Es gibt noch keine Kommentare. Sei der Erste!

Hinterlasse einen Kommentar

Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Kommentar wird gespeichert
Danke für deinen Kommentar! Sobald er freigegeben wurde erscheint er hier.