javascript - 当 "<li>"<= 20 时添加空 "<li>"

Question

我正在尝试添加 <li>里面 <ul>如果<li> count 小于或等于 20，但代码似乎不起作用...

我正在使用以下 jQuery:

while ($(".mosaico > li").length() <= 20) {
   $('.mosaico').append('<li>test</li>');
};

似乎什么也没发生... HTML 是:

<ul class="mosaico">
    <li>
    </li>

    <li>
    </li>

    <li>
    </li>
</ul>

Answer 1

.length 是一个属性，而不是一个函数。

但是您不应该在这样的循环中运行选择器。只需计算您需要多少，然后一次性添加即可。

var mosaico = $(".mosaico"),
    len = 20 - mosaico.children('li').length,
    str = '';

while( len-- > 0 ) {
    str += '<li>test</li>';
}

mosaico.append(str);

http://jsfiddle.net/pQXNT/2