更改所有div類與適合與大多數內容div

是否有一種簡單的方法可以將所有具有相同類的div的寬度設置爲大多數內容的寬度。

例如，如果我有三個div的相同類別，我希望他們都具備一個具有最大寬度的寬度：

+------------+ 
|asddasadsdsa| 
+------------+ 
|asdadsdsas | 
+------------+ 
|   | 
+------------+

或像這樣：

+---------+ 
|asd  | 
+---------+ 
|   | 
+---------+ 
|adsaaaaaa| 
+---------+

類一張桌子，但在我的情況下，divs分散在不同的列表中。

來源

2013-06-25 nilsi

只需使用''

不要的東西在複雜:) – VisioN

請發佈您到目前爲止嘗試過的代碼。 –

@VisioN閱讀最後一行。 –

回答

There's a method for that ....

var wid = 0; 
$('.yourclass').each(function() { 
    wid = Math.max($(this).width(),wid); 
}).width(wid);

來源

2013-06-25 13:34:03 Blazemonger

簡單地通過所有div的循環，收集最寬的寬度，畢竟它設置爲你的類：

var maxWidth = 0; 
$('.yourclass').each(function() { 
    maxWidth = Math.max(maxWidth, $(this).width()); 
}).width(maxWidth);

來源

2013-06-25 13:29:47

爲什麼不簡單'maxWidth = Math.max（maxWidth，$（this）.width（））;'在函數中？ – HBP

不錯的主意，改變了！ –

你可以做到這一點 -

var biggiWidth = 0; 

$('.class').each(function(){ 
    biggiWidth = $(this).width() > biggiWidth ? $(this).width() : biggiWidth; 
}); 

$('.class').width(biggiWidth);

來源

2013-06-25 13:32:21

一旦我嘗試使用CSS。

$('.class').css({"width": "auto", "white-space": "nowrap"});

來源

2013-06-25 13:35:54 Praveen

另一個變化：

var widths = []; 
$('div') 
    .each(function() { widths.push($(this).width()); }) 
    .width(Math.max.apply(null, widths));

來源

2013-06-25 13:38:27 techfoobar

我認爲你的'null'不合適。我認爲你的意思是成爲'apply'這個'thisArg'。就像現在，你將它傳遞給寬度。 –

@JamesMontagne - 是的。感謝您指出。 :) – techfoobar

只要是不同的......

var maxWidth = Math.max.apply(null, $("div").map(function(){ 
    return $(this).width(); 
}));

http://jsfiddle.net/rEBrF/1/

來源

2013-06-25 13:42:10

相關問題