Question

在这个表中，我想用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循环中添加一个新的表格单元？

Answer 1

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

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

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

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

1 个答案: