jquery- अभी तक लागू कक्षा के लिए सीएसएस गुण मान प्राप्त करें

Question

मेरे पास एक ही question है (यहां पर टिप्पणी करने में सक्षम नहीं था, शायद एक निजीकृत नहीं है), मैं स्टाइलशीट में परिभाषित सीएसएस चौड़ाई मान प्राप्त करना चाहता हूं लेकिन अभी तक नहीं डोम में किसी भी तत्व पर लागू किया, (उत्तरदायी मीडिया क्वेरी के साथ ग्रिड के साथ अपने बूटस्ट्रैप सीएसएस)

.span6 { 
width: 570px; 
} 

हालांकि इस

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

की तरह ऊपर संदर्भित प्रश्न वापसी 0 यानी में प्रदान की जाती है, लेकिन समाधान काम करता है अगर मैं कुछ करना इस

की तरह

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

उस div को जोड़ने के बिना कोई आसान तरीका?

Answer 1

आदेश में एक सीएसएस संपत्ति के मूल्य को पढ़ने के लिए आप उसे निकाल गतिशील, डोम के लिए एक छिपा तत्व सम्मिलित संपत्ति पढ़ सकते हैं और अंत में करने की जरूरत है में: द्वारा

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 here

Answer 2

महान जवाब जोस। मैंने इसे अधिक जटिल सीएसएस चयनकर्ताओं के साथ मदद करने के लिए संशोधित किया।

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