Показать сообщение отдельно
  #1 (permalink)  
Старый 21.06.2019, 11:26
Аватар для kiberkun
Интересующийся
Отправить личное сообщение для kiberkun Посмотреть профиль Найти все сообщения от kiberkun
 
Регистрация: 30.05.2014
Сообщений: 21

Разбивка набора элементов div из таблицы по 4 штуки и объединение их в td по 4 штуки
Добрый день, есть задачка, нужно объединить список элементов в блоки по 4 штуки, но начинать это с 9 элемента и потом уже с конца этого 9 элемента оборачивать остальные элементы после 9, оборачивая их в див по 4 штуки.

Вот код:
<table>
  <tr id="item_1">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_2">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_3">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_4">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_5">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_6">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_7">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_8">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_9">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_10">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_11">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_12">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_13">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_14">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_15">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_16">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_17">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_18">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_19">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_20">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_21">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_22">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_23">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_24">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_25">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_26">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_27">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_28">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_29">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_30">
    <td>
      <div></div>
    </td>
  </tr>
</table>


А нужно получить в итоге такой вид:
<table>
  <tr id="item_1">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_2">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_3">
    <td>
      <div></div>
    </td>
  </tr>
  <tr id="item_4">
    <td>
      <div id="30"></div>
    </td>
  </tr>
  <tr id="item_5">
    <td>
      <div id="item_26"></div>
      <div id="item_27"></div>
      <div id="item_28"></div>
      <div id="item_29"></div>
    </td>
  </tr>
  <tr id="item_6">
    <td>
      <div id="item_22"></div>
      <div id="item_23"></div>
      <div id="item_24"></div>
      <div id="item_25"></div>
    </td>
  </tr>
  <tr id="item_7">
    <td>
      <div id="item_18"></div>
      <div id="item_19"></div>
      <div id="item_20"></div>
      <div id="item_21"></div>
    </td>
  </tr>
  <tr id="item_8">
    <td>
      <div id="item_14"></div>
      <div id="item_15"></div>
      <div id="item_16"></div>
      <div id="item_17"></div>
    </td>
  </tr>
  <tr id="item_9">
    <td>
      <div id="item_10"></div>
      <div id="item_11"></div>
      <div id="item_12"></div>
      <div id="item_13"></div>
    </td>
  </tr>
</table>


id вставлять не обязательно, главное чтобы 4 div'а брал и добавлял в td начиная с конца #item_9
Ответить с цитированием