带有ajax的表内的div答案

【问题标题】：div inside table with ajax带有ajax的表内的div
【发布时间】：2018-11-17 03:39:54
【问题描述】：

我有一些数据的表格，以及我使用 ajax 获得的一些其他数据。我需要知道如何在表格中显示响应？

代码：

<?php $x = 1; foreach ($projects as $project){
           echo "<tr class=\"parent\">";
           echo "<td><i class=\"fa fa-chevron-down\"></td>";
           echo "<td class=\"pid\">$project[pid]</td>";
           echo "<td>$project[status]</td>";
           echo "<td>$project[project_title]</td>";
           echo "<td>$project[notes]</td>";
           echo "<td>$project[responsible]</td>";
           echo "<td>$project[start_date]</td>";
           echo "<td>$project[completed_date]</td>";
           echo "<td>$project[duration]</td>";
           echo "<td>$project[completed]</td></tr>";
           echo "<div class=\"cchild\" id=\"txtHint$x\">";
           echo "</div>";
           echo "</tbody>";
            $x++;
          }

数据应显示在 div 元素内。据我所知，不允许将 div 放在表格中，但有任何其他想法。如何正确获取表格内的数据。

【问题讨论】：

把它放在表格单元格中。
您需要生成有效的html，可以添加到表格中开始；您的最后 3 个回声可能应该被完全删除。并且您需要显示当前的 html - 以及您想要添加响应的位置 - 和 javascript。

标签： php html ajax dom

【解决方案1】：

您首先需要使用起始 div 和 table 标记初始化一个 var，然后在 for 循环中您可以计算并附加 tr td 标签到变量。循环完成后，您可以附加 div 和 table 的结束标记，var 的最终输出将是 table。参考代码：

$project = [1,2,3,4,5];
    $div = "<div><table><thead></thead><tbody>";
    foreach ($project as $p){
            $div.="<tr><td>".$p."</td></tr>";
    }
    $div.="</tbody></table></div>";

【讨论】：

【解决方案2】：

您可以在具有特定类的表中添加一个空 tr，例如

    <?php $x = 1; foreach ($projects as $project){
       echo "<tr class=\"parent\">";
       echo "<td><i class=\"fa fa-chevron-down\"></td>";
       echo "<td class=\"pid\">$project[pid]</td>";
       echo "<td>$project[status]</td>";
       echo "<td>$project[project_title]</td>";
       echo "<td>$project[notes]</td>";
       echo "<td>$project[responsible]</td>";
       echo "<td>$project[start_date]</td>";
       echo "<td>$project[completed_date]</td>";
       echo "<td>$project[duration]</td>";
       echo "<td>$project[completed]</td></tr>";
       echo "<tr><td><div class="cchild"></div></td></tr>";
       echo "</tbody>";
        $x++;
      }

然后将 cchild div 内容替换为您的 ajax 响应。

【讨论】：