क्या क्लोन jQuery ऑब्जेक्ट की ऊंचाई प्राप्त करना संभव है?

Question

नमूना jQuery:

$('document').ready(function(){ 
    var $theP = $('p'); 
    var $theDiv = $('div'); 
    $theP.html($theP.html() + "<br>div height: " + $theDiv.outerHeight()); 
    var $theClone = $theDiv.clone(); 
    $theP.html($theP.html() + "<br>clonded div height: " + $theClone.outerHeight()); 
}) 

लाइव लिंक: http://jsbin.com/odujiv/4

ऊपर चल रहा है, तो आप जब उसकी ऊंचाई प्राप्त करने की कोशिश की '0' एक परिणाम मिलता है। मुझे लगता है कि यह इस तथ्य के कारण है कि क्लोन ऑब्जेक्ट को अभी तक डोम में नहीं रखा गया है। ऊंचाई को प्राप्त करने का एकमात्र तरीका क्लोन तत्व को वापस डोम में जोड़ना है? यदि ऐसा है, तो मुझे लगता है कि यह करने योग्य है, लेकिन इसे वापस करने से पहले इसे संभालना बहुत अच्छा होगा।

Answer 1

नहीं, दुर्भाग्य से। दस्तावेज़ से जुड़े नहीं होने पर कच्चे HTML तत्वों में आकार नहीं होते हैं, और jQuery ने वर्कअराउंड लागू नहीं किया है। मुझे लगता है कि यह इस बात की वजह से है कि एक दूसरे पर परस्पर निर्भर एचटीएमएल तत्वों के आकार कैसे हैं!

Answer 2

इस प्रयास करें:

$theClone.height(); 

or 

$theClone.css('height');