我尝试创建此但未设置,div高度固定为50px和最大跨度
加5
$('section.group').each(function() {
//alert(($(this).find('.item')).length);
var hig =50;
var total =($(this).find('.item')).length;
if(total !== 0){
//alert(hig/total);
//$('.item').height(hig/total);
$(this).each('.item').height(hig/total);
}
}
);
section.group{
height:50px;
margin-bottom:10px;
overflow:hidden;
border:1px solid;
}
.item{
display:block;
}
.item:nth-child(1) {
background: #ff0000;
}
.item:nth-child(2) {
background: #00ff00;
}
.item:nth-child(3) {
background: #0000ff;
}
.item:nth-child(4) {
background: #000;
}
.item:nth-child(5) {
background: #f0f000;
}
最佳答案
请尝试此代码: –
原文链接:https://www.f2er.com/html/425477.html$(本).每个( ‘项目’)的高度(HIG /总数).用$(this).find(‘.item’)重新表示.height(hig / total);
$('section.group').each(function() {
var hig =50;
var listitem =($(this).find('.item')).length;
if(listitem !== 0){
$(this).find('.item').height(hig/listitem);
}
}
);