एचटीएमएल ब्लॉक

Question

में सबसे व्यापक शब्द की चौड़ाई पाएं लक्ष्य सबसे व्यापक शब्द की चौड़ाई को ढूंढना है।

टेक्स्ट एक वाक्य है जिसमें छवि में दिखाए गए अनुसार विभिन्न फ़ॉन्ट्स वाले शब्द शामिल हैं।

एचटीएमएल लगता है:

<span style="font:bold 14px Verdana;">LONGESTW</span> 
<span style="font:bold 42px Verdana;">ORD</span> 
<span style="font:bold 14px Verdana;">&nbsp;</span> 
<span style="font:bold 24px Verdana;">ORD</span> 
<span style="font:bold 14px Verdana;">&nbsp;</span> 
<span style="font:bold 24px Verdana;">regular</span> 
<span style="font:bold 14px Verdana;">&nbsp;</span> 
<span style="font:bold 32px Verdana;">w</span> 
<span style="font:bold 96px Verdana;">id</span> 
<span style="font:bold 64px Verdana;">est</span> 

तो, यहाँ 3 शब्द व्यापक है। कोई विचार? सब कुछ एचटीएमएल है और हम किसी भी चीज (jquery, ES5 तकनीक आदि) का उपयोग कर सकते हैं।

Answer 1

मुझे लगता है कि यह एक समाधान होने का नाटक करता है।

समाधान नीचे

http://jsfiddle.net/WtcEQ/4/

Answer 2

प्रयास करें जो मूल रूप से सभी अंतराल पर दोहराता और सबसे लंबा शब्द पाता है।

$(function() { 
    var max = 0, sum = 0, lword = '', mword = ''; 

    var $span = $('span'); 
    $.each($span, function (idx, el) { 

     var elTxt = $(el).text().trim(); 

     if (elTxt) { 
      sum += $(this).width(); 
      lword += $(this).text(); 
     } 

     if (!elTxt || $span.length == (idx+1)) { 
      if (sum > max) { 
       max = sum; 
       mword = lword; 
      } 
      sum = 0; 
      lword = ''; 
     } 
    }); 

    alert(mword + ' ' + max); 
}); 

डेमो:http://jsfiddle.net/WtcEQ/32/