Как обернуть элементы в контейнер внутри details с помощью JQuery?

Question

[75db77]

Моя разметка:

<details class="js-form-wrapper>
  <summary></summary>
  <div></div>
  <div></div>
  <table class="responsive"></table>
  <div class="js-form-type-managed-file"></div>
</details>

Нужно вот так:

<details class="js-form-wrapper>
    <summary></summary>
    <div></div>
    <div></div>
  <div class="my-wrapper">
    <table class="responsive"></table>
    <div class="js-form-type-managed-file"></div>
  </div>
</details>

Answer 1

[Иван]

Как-то так?)

$(document).ready(function() {
  $('.js-form-wrapper').each(function() {
    var $container = $('<div class="my-wrapper"></div>');
    $(this).find('.responsive, .js-form-type-managed-file').wrapAll($container);
  });
});