javascript - JQuery 计算子元素的宽度

Question

我有一个这样的列表

<ul class="example">
    <li>Something</li>
    <li>Something 2</li>
    <li>Something 3</li>
</ul>

我想要一个 jquery 代码来根据它们的数量计算 li 的宽度。我尝试使用此代码，但它不起作用:(

$('.example > li').css('width', 100%/$('.example').length());

有什么解决办法吗？

Answer 1

您所做的一切都是正确的，只是没有使用 length 作为属性。

var elements = $('ul#ul > li');
var len      = elements.length;
var width    = (100 / len) + "%";

elements.css('width', width);

li {
    background-color: orange;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<ul id="ul">
    <li>a</li>
    <li>as</li>
    <li>dsk</li>
</ul>