使用 jQuery 在 for 循环中添加新元素答案

【问题标题】：Add new element in for-loop with jQuery使用 jQuery 在 for 循环中添加新元素
【发布时间】：2018-05-18 23:38:26
【问题描述】：

在这个表格中，我想用 jQuery 添加一个新的表格单元格。

<table cellspacing="0" cellpadding="2" class="table">
  <tr class="dataTableHeadingRow">
    <td class="dataTableHeadingContent"><?php echo TABLE_HEADING_PRODUCTS; ?></td>
    <td class="dataTableHeadingContent"><?php echo TABLE_HEADING_PRODUCTS_MODEL; ?></td>
  </tr>
  <?php
  for ($i = 0, $n = sizeof($order->products); $i < $n; $i ++) {
    echo '<tr class="dataTableRow">';
    echo '  <td class="dataTableContent txta-r">' . $order->products[$i]['qty'] . '&nbsp;x&nbsp;' . $order->products[$i]['name'] . '</td>';
    echo '  <td class="dataTableContent txta-r">' . $order->products[$i]['model'] . '</td>';
    /* here should the new table cell be */
    echo '</tr>';
  }
  ?>
</table>
<?php include changes.php; ?>

在不改变原始代码的情况下，此 CMS 需要文件 changes.php 来更改代码。新的表格标题不是问题。

$new_th = '<td class="dataTableHeadingContent">' . TABLE_NEW_CELL . '</td>';
?>
<script>
  $(document).ready(function() {
    $("td:contains('<?php echo TABLE_HEADING_PRODUCTS_MODEL; ?>')" ).after('<?php echo $new_th; ?>');
  });
</script>

但是如何在这个 for 循环中添加一个新的表格单元格呢？

【问题讨论】：

标签： php jquery for-loop

【解决方案1】：

echo "<td id='". $i ."' class="dataTableContent txta-r"> </td>"

这将添加一个 id 从 0 开始到数组大小的空单元格。

然后在 jquery 中，您可以通过从 0 到相同数组大小的 for 循环将数据添加到此单元格。

【讨论】：