javascript - jQuery 获取子 div 的最大宽度

Question

我需要获取包装div元素中子div的最大宽度(仅一个宽度)

<div id="wrapper">  
    <div class="image"><img src="images/1.jpg"></div> 
    <div class="image"><img src="images/2.jpg"></div>  
    <div class="image"><img src="images/3.jpg"></div>  
    <div class="image"><img src="images/4.jpg"></div>  
    <div class="image"><img src="images/5.jpg"></div>  
    <div class="image"><img src="images/6.jpg"></div> 
</div>

Answer 1

Math.max.apply(Math, $('.image').map(function(){ return $(this).width(); }).get());

根据建议，我会将其分解:

$('.image').map(function(){
   return $(this).width();
}).get();

上面的代码获取所有 .image div 的列表，并将其转换为它们的宽度列表。现在您将得到如下内容:[200, 300, 250, 100, 400]。正如 Felix 指出的，.get() 对于获取实际的数组而不是 jQuery 数组是必要的。

Math.max 需要 N 个参数，因此您必须将其调用为:Math.max(200, 300, 250, 100, 400)，这就是Math.max.apply 部分完成了。