使用javascript/jQuery在每五行之后追加表行

我需要在表中每5行之后追加一个表行计数。如何在不使用服务器端编程的情况下做到这一点？jQuery或常规javascript就可以了

我想要这张桌子：

   <table>
      <tr><td>1</td></tr>
      <tr><td>2</td></tr>
      <tr><td>3</td></tr>
      <tr><td>4</td></tr>
      <tr><td>5</td></tr>
      <tr><td>6</td></tr>
      <tr><td>7</td></tr>
      <tr><td>8</td></tr>
      <tr><td>9</td></tr>
      <tr><td>10</td></tr>
      <tr><td>11</td></tr>
   </table>

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11

为此：

   <table>
      <tr><td>1</td></tr>
      <tr><td>2</td></tr>
      <tr><td>3</td></tr>
      <tr><td>4</td></tr>
      <tr><td>5</td></tr>
      <tr><td>--5th--</td></tr>
      <tr><td>6</td></tr>
      <tr><td>7</td></tr>
      <tr><td>8</td></tr>
      <tr><td>9</td></tr>
      <tr><td>10</td></tr>
      <tr><td>--10th--</td></tr>
      <tr><td>11</td></tr>
   </table>

1.
2.
3.
4.
5.
--第五--
6.
7.
8.
9
10
--十--
11

给你

$("table tr:nth-child(5n)").after("<tr><td> new row </td></tr>")

$（“表tr:n子项（5n）”）。之后（“新行”）

更新

甚至更好

$("table tr:nth-child(5n)").each(function() {
    $(this).after("<tr><td>--"+$("td", this).text()+"th--</td></tr>")
});

$（“表tr:n子项（5n）”）。每个（函数（）{
$（this）.after（“--”+$（“td”，this）.text（）+“th-”）
});

试试-

$("table tr:nth-child(5n)").after("<tr><td>--added--</td></tr>")

$（“表tr:n子项（5n）”）。在（“--added--”之后

演示-