forループの新しい要素をjQueryで追加します。

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-loopに新しいテーブルセルを追加するにはどうすればよいですか？

Answer 1

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

これは、idが0から配列サイズで始まる空のセルを追加します。

jqueryでは、forループを0から同じ配列サイズにすることで、このセルにデータを追加できます。