jquery附加元素直到它们达到一定数量

Question

我有一个<ul>，我想添加<li>元素，直到它们达到10

的数量

在jQuery中执行此操作的最佳做​​法是什么？

如果解决方案可以考虑有时我已经可以拥有例如5 <li>，那也可能很棒，所以在这种情况下我只想添加5个元素以达到10 ... < / p>

Answer 1

您可以使用while循环来执行此操作，例如

while(!$('li:gt(9)').length){
        $('ul').append('<li></li>');
    }

只需使用:gt()查看第11个元素是否存在。

Answer 2

让我们假设你有一个变量来保存要追加的li数。 For循环是最佳选择，您可以控制迭代次数。

fixtures