Блог

Главная - Вопросы по программированию - добавляйте строку таблицы после каждой пятой строки с помощью javascript / jQuery

добавляйте строку таблицы после каждой пятой строки с помощью javascript / jQuery

#javascript #jquery #append #tablerow

#javascript #jquery #добавляйте #tablerow

Вопрос:

Мне нужно добавить количество строк таблицы после каждой 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>

Чтобы стать этим:

    <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:

вот и все

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

Обновить

или даже лучше

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

Ответ №2:

Попробуйте — 

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

Демонстрация — http://jsfiddle.net/SZpuh