將所有元素設置爲最寬集合的寬度

Question

我有幾個寬度不同的元素。我需要循環每個，找到最寬的寬度，並設置所有的寬度。

<div id="mySet"> 
    <span>some content</span> 
    <span>more content</span> 
    <span>here content</span> 
</div> 

JS：

var widest = 0; 

$("#mySet span").each(function(){ 
    var this = $(this), 
     wdth = this.width(); 

    if(wdth > widest){ 
     widest = wdth; 

     $("#mySet span").each(function(){ 
      $(this).width(widest); 
     }); 
    } 

}); 

我想我能得到最大寬度，但每到寬度分配給每個元素的時間做我循環。似乎太多循環。

Answer 1

替代循環得到最廣泛的：

// Using modern JavaScript: 
const widest = Math.max(...$("#mySet span").map((i, span) => $(span).width())); 

// Using older JavaScript: 
var widest = Math.max.apply(
    null, 
    $("#mySet span").map(function() { 
    return $(this).width(); 
    }) 
); 

然後$("#mySet span").width(widest);設置在一個全力以赴跨度的寬度。

Answer 2

要設置寬度所有span，你只需要

$("#mySet span").width(widest); 

，這將設置寬度所有。所以把它放在循環之外，最後。