php - 循环生成 div 并从数据库填充它们

Question

我有一个 mysql 噩梦。让我解释一下我的问题。

这就是我要实现的目标:! http://i604.photobucket.com/albums/tt125/TheNameHobbs/client_workoutpage_example.png

我在数据库中有一个表，其中填充了不同的健身器材。我需要这个循环为数据库中的每台机器制作一个 div，并将图片与链接一起放入。数据库有一个机器 ID 以及机器名称、图像路径和视频链接。

这就是我必须创建的 div:

function machine_count() {
return mysql_result(mysql_query("SELECT COUNT(`machine_id`) FROM `machines` WHERE `machine_id` = $machine_id"), 0);
}

$(document).ready(function() {
 $machinecount = machine_count();
        for (var i = 0; i < $machinecount; i++) {
            $('<div/>', {
        'id': 'div' + i,
        'class': 'some_class_name',
        'html': 'i am div with id=div' + i
        }).appendTo('.body1');
        }
        });

CSS:

.body1 {
width: 100%;
}
.some_class_name {
width: 24.5%;
float: left;
border: 1px solid black;
}

不知何故，我需要在该循环中添加一种方法来获取机器图片并链接并为每个 div 相应地填充它们。

有什么想法吗？

Answer 1

结合您的JQUERY 和PHP 代码

    $(document).ready(function() {

    <?php

        $sql = "SELECT * FROM `machines` WHERE `machine_id` = $machine_id";
        $retval = mysql_query( $sql, $conn );
        if(! $retval )
        {
          die('Could not get data: ' . mysql_error());
        }
        while($row = mysql_fetch_array($retval, MYSQL_ASSOC))
        {
        ?>
            $('<div/>', {
                    'id': 'div _<?php echo $row["machine_id"]; ?>',
                    'class': 'some_class_name',
                    'html': 'i am div with id=div '+ 
                            '<?php echo $row["machine_id"]; ?>'+  
                            ' <?php echo $row["machine_name"]; ?>'+
                            '<img src="PATH_TO_IMAGE/<?php echo $row["image_name"]; ?>" /> '+
                           ' <?php echo $row["video_link"]; ?>'
                }).appendTo('.body1');

    <?php   } ?>

});