使用 jQuery 自动创建 div 并从 mysql 插入数据

Question

我想用 jQuery 自动创建 div。我必须用 MySql 数据库中的数据填充它们。问题是当我使用 foreach 循环时它不想回显数据。

这是我的mysql代码：

$sql = "SELECT * FROM `post` ORDER BY `id` DESC";
$result = mysqli_query($con, $sql);
$row = mysqli_num_rows($result); 

这是我的 jQuery 代码：

$(document).ready(function(){
        var count = 1;
            for(i = <?php echo $row; ?>; i > 0; i--){
                $("#main").prepend('<div id="first'+count+'"></div>'); 
                count++;
            }
            count = 1;
            for(i = <?php echo $row; ?>; i > 0; i--){
                <?php
                    while($col = mysqli_fetch_assoc($result))
                        {
                            $cols[] = $col;
                        }
                    foreach($cols as $col){
                ?>
                $("#first"+count+"").text("<?php echo $col['post']; ?>");
                count++;
                <?php } ?>
            }
    });

我还检查了检查元素，一切似乎都很好，但它不想创建 div。

如果我将此 echo $col['post']; 更改为其他文本，它会起作用。

这是我在检查元素中得到的：

$(document).ready(function(){
        var count = 1;
            for(i = 3; i > 0; i--){
                $("#main").prepend('<div id="first'+count+'"></div>'); 
                count++;
            }
            count = 1;
            for(i = 3; i > 0; i--){
                                    $("#first"+count+"").text("text1");
                count++;
                                    $("#first"+count+"").text("text2");
                count++;
                                    $("#first"+count+"").text("text3");
                count++;
                                }
    });

感谢您的想法！

Answer 1

我在我的工作站上运行你的代码，它工作正常。

1. 我可以建议您检查新创建的 div 的重复 ID，您可以在课堂上更改它们，这样可能不会冲突。
2. 在页面加载之前是否绑定了#main div。
3. 检查数据库是否数据插入正常。

这只是一些建议。如果你能说出一些关于场景的具体细节，那么我可以给你一些具体的建议。

谢谢