Setzen Sie alle Elemente auf die Breite der breitesten in Set

Question

Ich habe ein paar Elemente mit unterschiedlicher Breite. Ich muss jede Schleife durchlaufen, finde die Breite der breitesten und setze alle auf diese Breite.

<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); 
     }); 
    } 

}); 

Ich glaube, ich die maximale Breite bekommen kann, aber muss ich jedes Mal, Schleife, um die Breite zu jedem Element zugeordnet werden. Scheint wie zu viele Schleifen.

Answer 1

Alternativen zum Looping das breiteste zu bekommen:

// 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(); 
    }) 
); 

Und dann $("#mySet span").width(widest); setzen die Breiten aller Spannweiten in einem Rutsch.

Answer 2

einzustellen Breite an alle span, man muss nur

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

und dies wird auf alle Breite eingestellt. Stellen Sie es also außerhalb der Schleife und am Ende.