附加相同数量的<li>作为变量值</li>

Question

在我的情况下，我有一个mysql数据库，其中包含页面中的一些内容。我在页面上有一个函数可以向数据库中添加更多<li>，基本上它只是在数据库中为数字加1。

在另一个页面上，我想显示列表，如何添加与{php}变量的数量相同的<li>个数？

var number_of_items = 6; // Printet by the php

$('.list_container').append('<li></li>'); // 6 times

然后我要追加6次或者数字是什么。

我该怎么做？

Answer 1

使用Array.join()

尝试一个简洁的小黑客

$('.list_container').append(new Array(number_of_items + 1).join('<li></li>'))

演示：Fiddle

Answer 2

试

for(i=0;i<number_of_items;i++)
{
  $('.list_container').append('<li></li>');
}

Answer 3

使用：

var html = [];

for (i = 0; i < 5; i++) {
   html.push('<li></li>');
}

$(".list_container").append( html.join('') );

Answer 4

尝试最简单的方法。

for(var i=1; i <= number_of_items; i++)
{
  $('.list_container').append('<li></li>');
}

Answer 5

for循环，这是最简单的方法：

for(var i = 0; i < number_of_items; i++)
    $('.list_container').append('<li></li>');

顺便说一下，你有很多选择，例如循环和数组加入。
看一看其他答案