Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/284.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我有一个单独的div,它需要动态复制_Javascript_Php_Html_Css_Display - Fatal编程技术网

Javascript 我有一个单独的div,它需要动态复制

Javascript 我有一个单独的div,它需要动态复制,javascript,php,html,css,display,Javascript,Php,Html,Css,Display,我有一个div和一个未知数量(比如n)的数据行。我需要在我的html卡上显示这些数据 这些卡片将由输出值(n)动态生成 假设我有10行数据。我的div元素需要创建10次,并且每行数据都要显示在每个div上 顺便说一下,我使用PHP作为后端 这是我的密码 这是我的部门 <div class="row"> <div class="column"> <div class="card"> <h1><?php echo"$val

我有一个div和一个未知数量(比如n)的数据行。我需要在我的html卡上显示这些数据 这些卡片将由输出值(n)动态生成

假设我有10行数据。我的div元素需要创建10次,并且每行数据都要显示在每个div上

顺便说一下,我使用PHP作为后端

这是我的密码 这是我的部门

<div class="row">
  <div class="column">
    <div class="card">
      <h1><?php echo"$value"; ?></h1>
      <h3><?php<?php echo"$description";?></h3>
    </div>
  </div>
</div>

在你想要的div中反复使用loop。请检查代码是否适合你


如果没有您的所有数据,我无法对其进行测试,但这应该是正确的方法。我在代码中留下了注释,并删除了您所犯的一系列语法错误:

<?php

// Create MySQLi object
$conn = new mysqli("localhost","root","","programmingpioneers");

// Verify MySQL connection
if ($conn->connect_errno) {
    echo "Failed to connect to MySQL: (" . $conn->connect_errno . ") " . $conn->connect_error;
}

// Query
$query = "SELECT title,description FROM problems WHERE difficulty = 'hard'";

// Run query
if($result = $conn->query($query)) {

    // Loop through query results
    while ($row = $result->fetch_assoc()){
        echo "<div class='row'>";
        echo "<div class='column'>";
        echo "<div class='card'>";
        echo "<h1>". $row['title'] ."</h1>";
        echo "<h3>". $row['description'] ."</h3>";
        echo "</div></div></div>";
    }

// Output query errors
} else {
    echo "Failed to select title, description: (" . $conn->errno . ") " . $conn->error;
}

// Close the MySQLi connection
$conn->close();

?>


您已经快到了。您可以看到,
echo“$title
$description”?您所要做的就是以类似的方式将html div代码放入其中:
echo“@icecub我已经尝试过了,但没有用”它将我的html代码显示为输出“我现在对另一位投稿人提供的解决方案很满意,但现在我想让他们加入调整div的问题order@maneeshsandra只需将您的查询更改为:
难度='hard'ORDER BY id DESC
(或者,如果您需要,可以使用ASC)。假设
id
是这里数据库表的唯一键,但是您可以使用任何可以排序的列。我现在完全可以使用php和后端。唯一的问题是css@maneeshsandra你将不得不为此提出一个新问题。我不知道你的CSS代码(这不在你的问题中),也不建议在一篇文章中创建多个不同的问题
echo"$title <br>$description";
Parse error: syntax error, unexpected 'row' (T_STRING), expecting ';' or ',' in C:\xampp\htdocs\myapp\useless.php on line 19
<?php

// Create MySQLi object
$conn = new mysqli("localhost","root","","programmingpioneers");

// Verify MySQL connection
if ($conn->connect_errno) {
    echo "Failed to connect to MySQL: (" . $conn->connect_errno . ") " . $conn->connect_error;
}

// Query
$query = "SELECT title,description FROM problems WHERE difficulty = 'hard'";

// Run query
if($result = $conn->query($query)) {

    // Loop through query results
    while ($row = $result->fetch_assoc()){
        echo "<div class='row'>";
        echo "<div class='column'>";
        echo "<div class='card'>";
        echo "<h1>". $row['title'] ."</h1>";
        echo "<h3>". $row['description'] ."</h3>";
        echo "</div></div></div>";
    }

// Output query errors
} else {
    echo "Failed to select title, description: (" . $conn->errno . ") " . $conn->error;
}

// Close the MySQLi connection
$conn->close();

?>