jquery - jqueryで5番目のtdの後に別の行を挿入する

Question

OpenCart では、より多くの数量の製品で割引を表示しているときに、デフォルトの方法で 1 行だけで表示されます。見た目を変えてみたのですが、こんな感じにしました

<div class="discount">
  <table>
    <tr>
      <?php foreach ($discounts as $discount) { ?>
        <td class="test">
          <?php echo sprintf($text_discount, $discount['quantity'], $discount['price']); ?>
        </td>
      <?php } ?>
    </tr>
  </table>
</div>

ここでは、割引が 5 回連続で発生しても問題ありません。しかし、今は 5 番目の td の後に別の行を挿入したいと考えています。別の tr 内に別の 5 つの tds を表示したい。誰かがjQueryでこれを行う方法を手伝ってもらえますか?

Answer 1

最後の tr の後に別の tr を追加したいだけなら、これで十分です...

$("<tr />").insertAfter(".discount table tr:last")​​​​​​​​​​​​​​​​​​​​​​​​​;

セルがないので、セルも追加する必要があります。これは次のように行うことができます...

$("<tr><td/><td/><td/><td/><td/></tr>").insertAfter(".discount table tr:last")​​​​​​​​​​​​​​​​​​​​​​​​​

Answer 2

$(".discount table tr td:eq(4)").after("<tr><td>.....</td></tr>");

このようなことを試してください

tr td5番目以降に挿入したい場合trはこれを使用してください

$(".discount table tr:eq(4)").after("<tr><td>.....</td></tr>");

Answer 3

PHPで5行続けて結論を出すのが簡単

<div class="discount">
    <table>
         <?php for ($i = 0; $i < count($discounts); ) { ?>
              <tr>
                   <?php for ($j = 0; $j < 5 && $i < count($discounts); $j++, $i++) { ?>
                        <td class="test">
                            information
                        </td>
                   <?php } ?>
              </tr>
         <?php } ?>
    </table>
</div>

Answer 4

$(".discount table tr td:nth-child(5)").append("</tr><tr>");