सभी सूची वस्तुओं की कुल चौड़ाई की गणना?

Question

मेरे पास एक मानक यूएल निम्नानुसार है:

<ul> 
    <li><a href="">Link</a></li> 
    <li><a href="">Link</a></li> 
    <li><a href="">Link</a></li> 
    <li><a href="">Link</a></li> 
    <li><a href="">Link</a></li> 
</ul> 

मैं सभी LI टैग के साथ संयुक्त गणना करने के लिए एक त्वरित & कुशल तरीका खोजने की कोशिश कर रहा हूं। वर्तमान में मेरे पास है:

var width = 0; 

$('ul li').each(function() { 
width += $(this).outerWidth(); 
}); 

मैं बस सोच रहा हूं कि लूप का उपयोग किये बिना एक ही परिणाम प्राप्त करने का एक तेज तरीका है?

आपकी मदद के लिए धन्यवाद!

Answer 1

प्राप्त करने के लिए बिल्कुल जो आप के बाद हैं, कोई नहीं है। यह सिर्फ एक ऐसा मामला नहीं है जो मौजूदा कार्यों के साथ अच्छी तरह फिट बैठता है, आपके जैसे लूप के पास यह सबसे तेज़ तरीका है। वहाँ एक .childWidth() या कुछ और कोर में डालने की बात है ... लेकिन मैं अपनी सांस :)

अन्य उत्तर पकड़ नहीं होगा अतिरिक्त स्थान सहित माता-पिता की चौड़ाई को शामिल किया जाएगा, कि आमतौर पर नहीं क्या आप के बाद कर रहे हैं है , तो अब के लिए ... आपके जैसा लूप के साथ छड़ी है। जो कुछ भी जोड़ा जाएगा, वह वही होगा जो वैसे भी काम करेगा (संभवतः समान कोड भी)।

Answer 2

आप उल तत्व में ही की चौड़ाई मिल सकता है, लेकिन है कि आप गोलियों और मार्जिन सहित चौड़ाई देना होगा:

var width = $("ul").outerWidth(); 

Answer 3

यह एक मेनू है और आइटम एक दूसरे के बगल कर रहे हैं (और नीचे नहीं), $('ul').outerWidth() आज़माएं।

[संपादित करें] ul की चौड़ाई तय की गई है, तो सूची के अंतिम तत्व का पता लगाएं और इसके दाएं ऑफसेट पर नज़र डालें। चूंकि ऑफसेट हमेशा मूल तत्व से संबंधित होता है, इसलिए आपको सभी बच्चों की कुल चौड़ाई प्राप्त करने के लिए offsetLeft और offsetWidth जोड़ना है।