jquery - Récupère les valeurs des propriétés CSS pour une classe non encore appliquée

j'ai même question demandé ici(nétait pas en mesure de commenter,peut-être n'avez pas un privilège) , je veux obtenir css valeur de la largeur définie dans la feuille de style, mais pas encore appliqué sur n'importe quel élément dans le dom ,(son bootstrap css avec la grille avec les supports sensibles requêtes)

 .span6 {
 width: 570px;
 }

Toutefois solution fournie ci-dessus référencé question return 0 je.e comme ce

$('<div/>').addClass('span6').width();

mais fonctionne si je fais quelque chose comme ceci

 $('<div/>').addClass('span6').hide().appendTo('body').width();

un moyen facile sans ajouter de div?

source d'informationauteur Jaideep Singh

  1. 28

    Afin de lire un CSS valeur de la propriété, vous devez insérer dynamiquement un élément masqué pour les DOM, lire la propriété et finalement l'enlever:

    var getCSS = function (prop, fromClass) {

    var $inspector = $("<div>").css('display', 'none').addClass(fromClass);
    $("body").append($inspector); //add to DOM, in order to read the CSS property
    try {
        return $inspector.css(prop);
    } finally {
        $inspector.remove(); //and remove from DOM
    }
};

    jsFiddle ici

  2. 4

    Grande réponse par José. Je l'ai modifié pour aider les plus complexes sélecteurs css.

    var getCSS2 = function (prop, fromClass, $sibling) {

    var $inspector = $("<div>").css('display', 'none').addClass(fromClass);
    if($sibling != null){
        $sibling.after($inspector); //append after sibling in order to have exact 
    } else {
        $("body").append($inspector); //add to DOM, in order to read the CSS property
    }
    try {
        return $inspector.css(prop);
    } finally {
        $inspector.remove(); //and remove from DOM
    }
};

    JSFiddle