jquery - How to find largest image in a list -


मेरे पास निम्न HTML संरचना है:

  & lt; Ul id = "list2" & gt; & Lt; li वर्ग = "_ स्तंभ छोटा" & gt; & Lt; img id = "YB_random_with_img" src = "/ cms_agency / छवियाँ / चार्टर वाइज़साइट / डब्ल्यू350x एच 300 / आलेख- (7) -350-300.jpg" alt = "होम" शीर्षक = "होम" / & gt; & lt; h2 & gt; & lt; a href = "/ cms_agency / अधिक / लेख / लेख- (7)" & gt; ग्रीस & lt; / a & gt; & lt; / h2 & gt; & Lt; / li & gt; & Lt; li वर्ग = "_ स्तंभ छोटा" & gt; & Lt; img id = "YB_random_with_img" src = "/ cms_agency / छवियाँ / चार्टर / वाइजसाइट / W720xH300 / लेख- (1) -720-300.jpg" alt = "होम" शीर्षक = "होम" / & gt; & lt; h2 & gt; & lt; a href = "/ cms_agency / अधिक / लेख / लेख- (1)" & gt; स्टॉकहोम & lt; / a & gt; & lt; / h2 & gt; & Lt; / li & gt; & Lt; li वर्ग = "_ स्तंभ छोटा" & gt; & Lt; img id = "YB_random_with_img" src = "/ cms_agency / छवियाँ / चार्टर वाइससाइट / W350xH300 / लेख-350-300.jpg" alt = "होम" शीर्षक = "होम" / & gt; & lt; h2 & gt; & lt; a href = "/ cms_agency / अधिक / लेख / लेख" & gt; इटली में सेलिंग & lt; / a & gt; & lt; / h2 & gt; & Lt; / li & gt; & Lt; / ul & gt;   

मेरी समस्या यह है कि इसे ._ column में सबसे बड़ी छवि नहीं मिलती है और कभी-कभी यह चौड़ाई लागू होती है जो कि सबसे बड़ी छवि से छोटी होती है और समस्याएं पैदा कर रही है मेरे लेआउट के साथ।

मेरे पास निम्न कोड है:

  jQuery (document) .ready (function () {jQuery ("._ column img")। प्रत्येक (function () (If (this.width & gt; 350) {jQuery (this.parentNode) .addClass ('बड़े');} और {jQuery (this.parentNode) .addClass ('small');}})}}) ;   

कुछ sugestions? धन्यवाद!

के डॉक्स से:

ऐसे मामलों में जहां कोड लोड की गई संपत्ति पर निर्भर करता है (उदाहरण के लिए, यदि किसी छवि के आयाम की आवश्यकता होती है), कोड को बजाय लोड ईवेंट के लिए एक हैंडलर में रखा जाना चाहिए।

इसलिए हमें ईवेंट का उपयोग करना चाहिए छवियों के लोड होने के बाद सही आयामों को पुनः प्राप्त किया जाता है:

  jQuery (document.body) .load (function () {var सबसे बड़ा; jQuery ("._ column img")। प्रत्येक ( समारोह () {यदि (! सबसे बड़ा) सबसे बड़ा = this.width; else यदि (this.width & gt; सबसे बड़ा) सबसे बड़ा = this.width;});});    

Comments