Вырезать содержимое Div на тело таблицы с помощью jquery

Question

У меня есть такая таблица:

    <table class="table">
  <thead>
    <tr>
      <th scope="col">Id</th>
      <th scope="col">Name</th>
      <th scope="col">Family</th>
      <th scope="col">Age</th>
    </tr>
  </thead>
  <tbody>

   </tbody>
</table>

<div id="div1">
@foreach(var item in Model)
{
<tr>
      <th>item.Id</th>
      <td>item.Name</td>
      <td>item.Family</td>
      <td>item.Age</td>
</tr>
}
</div>

Я хочу вырезать содержимое div1 и вставить в тег tbody таблицы с jquery результат, который мне нужен:

  <table class="table">
      <thead>
        <tr>
          <th scope="col">Id</th>
          <th scope="col">Name</th>
          <th scope="col">Family</th>
          <th scope="col">Age</th>
        </tr>
      </thead>
      <tbody>
          @foreach(var item in Model)
    {
    <tr>
          <th>item.Id</th>
          <td>item.Name</td>
          <td>item.Family</td>
          <td>item.Age</td>
    </tr>
    }
       </tbody>
    </table>

---

также я использую этот код, но он не работает:

<script>
    $(document).ready(function () {
        $("#div1").replaceAll("tbody");
    }
</script>

---

Я пытался с помощью некоторого метода jquery, но в основном скопировал все div (тег div с содержимым), но мне нужно только сократить содержание div. пожалуйста, помогите мне

Answer 1

Это может вам помочь.

$('#div1').contents().appendTo('tbody')