Jquery एक छिपा तत्व की ऊंचाई प्राप्त कर रहा है

Question

मैं तत्व की ऊंचाई मान की एक सूची प्राप्त करने का प्रयास कर रहा था लेकिन यह 0
लौटा रहा था मैंने कुछ शोध किया है और देखा है कि तत्व की ऊंचाई प्राप्त करने के लिए, यह तत्व दिखाई देना चाहिए।
लेकिन जब यह छुपा हुआ है तो मैं इसकी ऊंचाई देखना चाहता हूं। यदि इसकी ऊंचाई कुछ मूल्यों से बड़ी है तो कुछ फ़ंक्शंस का उपयोग करें, फिर इसे दृश्यमान बनाएं। क्या इसे करने का कोई तरीका है?

मेरा मतलब है:

1. चेक छिपा तत्व की ऊंचाई।
2. यदि यह ठीक है तो यह दृश्यमान है।
3. यदि आवश्यक मूल्य नहीं है तो कुछ कार्य करें।
4. इसे दृश्यमान बनाएं।

Answer 1

आप show तत्व ऊंचाई पाने और फिर इसे छिपा कर सकते हैं, दृष्टि से आप कोई अंतर नहीं देखेंगे।

var height = $('elementSelector').show().height(); 
$('elementSelector').hide(); 
if(height != <<HeightToCompare>>){ 
    //Code here 
} 
//Finally make it visible 
$('elementSelector').show(); 

Demo

Answer 2

एक तरीका वस्तु को क्लोन करना, व्यूपोर्ट के बाहर क्लोन को स्थिति बनाना, इसे दृश्यमान बनाना, क्लोन को मापना, फिर इसे नष्ट करना है।

तो तुम हो:

<div id="maybe" style="display: none;"> 
    Something 
</div> 

आप jQuery का उपयोग कर रहे हैं, इसलिए आपको कुछ इस तरह करते हैं:

$('#maybe') 
    .clone() 
    .attr('id','maybe_clone') // prevent id collision 
    .css({     // position far outside viewport 
    'position': 'absolute', 
    'left': '-1000px' 
    }); 

if($('#maybe_clone').show().height() > 200) { 
    $('#maybe').show(); 
} 

$('#maybe_clone').remove();  // housekeeping 

Answer 3

स्थिति वस्तु तो यह ब्राउज़र को दिखाई देता है, लेकिन नहीं उपयोगकर्ता: jQuery: Get height of hidden element in jQuery