Oblicz największą szerokość zestawu elementów jQuery

Question

Zrobiłem szybki Jsbin: http://jsbin.com/ujabew/edit#javascript,html,live

co próbuję osiągnąć to, aby dowiedzieć się, który jest największym <section> z 3 z linkiem. Tak więc chciałbym, aby po uruchomieniu pętli ustawić var width na największą możliwą liczbę, jaką mogłaby mieć dowolna szerokość.

kod w toku pisał w linku

Answer 1

tutaj:

var maxWidth = Math.max.apply(null, $(elems).map(function() { 
    return $(this).outerWidth(true); 
}).get()); 

żywo demo:http://jsfiddle.net/rM4UG/

Answer 2

wierzę chcesz zajrzeć do biblioteki underscore. W szczególności, metoda max

Answer 3

$(document).ready(function(){ 
    var maxWidth = 0; 
    $('section').each(function(){ 
    w = $(this).outerWidth(true);  
    if (w > maxWidth) 
      maxWidth = w; 
    }); 
}); 

Answer 4

Lepsze wypełnienie treścią komentarza Marc B, wykorzystując Math.max():

$(document).ready(function(){ 
    var maxWidth = 0; 
    $('.content ul li').each(function(){ 
    var itemWidth = $(this).outerWidth(true); 
    maxWidth = Math.max(maxWidth, itemWidth) 
    }); 
}); 

Answer 5

Zmienić .each() pętla do thi s:

var thisWidth = $(this).outerWidth(true); 

if (thisWidth > width) { 
    width = thisWidth; 
} 

Answer 6

To był mój pomysł

$ (document) .ready (function() {

var elements = $('.content ul li'); 
var count = elements.length -1; 
var width = [];   

elements.each(function(n){ 
    width.push($(this).outerWidth(true)); 
    if (count == n) { 

     width = Math.max.apply(Math, width); 

    } 
}); 

});

Dodałem liczbę elementów, a następnie uruchamiam Math.max, aby uzyskać największą liczbę po wykonaniu każdej pętli.

Answer 7

Właśnie napisałem funkcję dotyczącą tego. Myślałem, że to może pomóc innym. (jQuery)

$.fn.largerWidth = function() { //function(p) 
            // where 'p' can be clientWidth or offsetWidth 
            // or anything else related to width or height 
    var s = this,m; 
    for (var i = 0; i < s.length; i++) { 
     var w = s[i].offsetWidth; // s[i][p]; 
     (!m || w > m) ? (m = w) : null 
    } 
    return m; 
}