在页面加载时,创建X个div

时间:2017-10-10 21:15:19

标签: javascript php jquery html css

我有一个奇怪的想法,我希望用PHP ping数据库中的记录数,将记录数存储为$x,然后在页面上创建$x个div。

我目前可以使用此代码返回记录数,因此获取记录数量很容易:

$getAllRecords = $test->getAllCats();//normal query db records return all method
$howManyCats = count($getAllRecords);//how many total cats?

最好的方法是什么?这一切都在jQuery中吗?我可以用PHP处理这个吗?你有什么想法,如果你以前做过这个或类似的事情,有什么建议吗?

2 个答案:

答案 0 :(得分:0)

您可以使用for循环插入正确的行数,然后使用echo将div添加到页面。

$getAllRecords = $test->getAllCats();//normal query db records return all method
$howManyCats = count($getAllRecords);//how many total cats?

for ($i = 1; $i <= howManyCats ; $i++) {
    echo '<div/>'
}

答案 1 :(得分:0)

jQuery的:

// var num = <?=$howManyCats?>;
var num = 10;
$(function() {
  var html = [];
  for (var i = 0; i < num; i++) {
    html.push('<div id="cat' + i + '">' + i + '</div>');
  }
  $("#container").append(html.join('')); // append all in one go

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div id="container"></div>