php-在HTML中绘制多个div

下面是我的html代码。它基本上是一个正方形网格-：

正面

背

正面

背

正面

背

正如您在上面的代码中所看到的，我有多个div（类触发器）

---

理想情况下，我想画一组30x10-300平方的正方形。一个接一个地手动放置类触发器将是一件乏味的事情。有没有一种方法可以动态绘制这个div正方形

如果以php.net上的forst示例为例，让它在第行中运行30次

for ($row = 1; $row <= 30; $row++) {

}

对于（$row=1；$row请尝试以下操作：

<div class='square-container'></div>



使用Jquery，根据需要绘制的正方形更改变量“number_square”的值

<script>
$(document).ready(function () {
    var number_square = 3;
    var drawdiv = "<div class='trigger'><div class='hover panel'><div class='front'><div class='box1'><p>Front</p></div></div><div class='back'><div class='box2'><p>Back</p></div></div></div></div>";
    for (i = 0; i < number_square; i++) {
        $('.square-container').append(drawdiv);
    }
    $('.trigger').click(function () {
        $('.modal-wrapper').toggleClass('open');
        $('.square-container').toggleClass('blur');
        return false;
    });
    $('.hover').hover(function () {
        $(this).addClass('flip');
    }, function () {
        $(this).removeClass('flip');
    });
  });
</script>


$（文档）.ready（函数（）{
变量数_平方=3；
var drawdiv=“前后”；
对于（i=0；i
2循环一行，一行循环一行，一行循环一行，一行循环一行，这是columsSee示例：我循环了，但是我得到一个错误，在php中使用点而不是+符号来表示字符串。
“foo”$var.“bar”
但实际上，在您的情况下，它不是一个变量，所以不需要剪切字符串。就像“…返回”
这太棒了！谢谢！我担心的是，如果用户的浏览器没有js，它将无法正常显示
 for ($row = 1; $row <= 30; $row++) {
   //echo new row (ei: <div>)
   for ($col = 1; $col <= 10; $col++) {
     //echo cell <div>...</div>
   }
   //echo end row (ei: </div>)
 }

<div class='square-container'></div>

<script>
$(document).ready(function () {
    var number_square = 3;
    var drawdiv = "<div class='trigger'><div class='hover panel'><div class='front'><div class='box1'><p>Front</p></div></div><div class='back'><div class='box2'><p>Back</p></div></div></div></div>";
    for (i = 0; i < number_square; i++) {
        $('.square-container').append(drawdiv);
    }
    $('.trigger').click(function () {
        $('.modal-wrapper').toggleClass('open');
        $('.square-container').toggleClass('blur');
        return false;
    });
    $('.hover').hover(function () {
        $(this).addClass('flip');
    }, function () {
        $(this).removeClass('flip');
    });
  });
</script>