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 } ?>
            }
    });

我还检查了inspect元素，一切似乎都没问题，但它不想创建div。

如果我将此 echo $ col ['post']; 更改为其他文字，则可以。

以下是我在inspect元素中获得的内容：

$(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

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

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

这只是一些建议。如果您可以说一些有关场景的具体细节，那么我可以为您提供一些具体的建议。

由于

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

1 个答案: