计算li(s)的数量并设置它们的宽度

时间:2014-06-20 00:04:25

标签: javascript jquery

我想根据列表中的li(s)数量将动态宽度设置为li(s)。例如,如果有18个li(s)。每个宽度应为100%/ 18 = 5.55%。如果我有3套不同的li(s)怎么办?我试着用这个。但它不起作用

$('.lesson-nav ul li').width( 100 / $(".lesson-nav ul li").length );

2 个答案:

答案 0 :(得分:2)

您错过了宽度中的%符号,jQuery默认为像素。

$('.lesson-nav ul li').width( 100 / $(".lesson-nav ul li").length + '%' );

答案 1 :(得分:1)

您的代码肯定会以像素为单位给您宽度。试试这个:

$('.lesson-nav ul li').width( ( 100 / $(".lesson-nav ul li").length ) + '%' );

更新:此外,为每个 li 元素尝试内嵌块