jquery -Get henüz uygulanmayan bir sınıf için CSS özellikleri değerleri

Question

bende aynı question sordu (bu konuda yorum yapamam, belki bir ayrıcalık yok), stil sayfasında tanımlı css genişliği değerini almak istiyorum ama henüz değil sanki bir şey yaparsak dom herhangi bir öğeye ait uygulanan (duyarlı medya sorgu ile ızgara ile önyükleme css)

.span6 { 
width: 570px; 
} 

ancak ancak bu

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

gibi yukarıdaki soru geri başvurulan 0 ie sağlanan çözüm çalışır bu gibi

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

Bu div eklenmeden herhangi bir kolay yol?

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 1

Jose. Daha karmaşık css seçicilere yardımcı olmak için değiştirdim.

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

Answer 2

Büyük cevabı ölçütü: bunu kaldırmak dinamik nihayet DOM gizli bir öğe eklemek özelliği okumak ve gereken CSS özellik değeri okumak için