Почему не получается обернуть несколько div в один на тильде?

Question

[Mihaillzz]

Не получается обернуть два блока в один, использую
$("#rec218454823, #rec365427599").wrapAll('');
Мне кажется проблема в тильде, можно как-то обойти это? Заранее спасибо!

Вот сайт
testzzzz.tilda.ws

Вот два блока которые пытаюсь обернуть, в редакторе страницы ставлю скрипт (выше написал), но после публикации страницы, ничего не происходит, очень нужно обернуть их для одного скрипта, заранее спасибо

Comments

[Сергей Соколов]

1. первый ID на картинке — не тот же, что у вас в коде: оканчивается не на 823, а на 333.
   
2. jQuery wrapAll() принимает аргументом элемент или HTML, в который обернуть, а у вас пустая строка.
   

[Mihaillzz]

Сергей Соколов, Привет, спасибо большое за ответ, но к сожалению я ввел все параметры верно.

после того как я сделал скрин, я просто поменял некоторые блоки, а в wrapAll я вводил див с классом контейнер, по факту проблема была с самой тильдой) на другом аккаунте все работает) Но все равно спасибо за ответ!

Answer 1

[Сергей Соколов]

{
  const div = document.createElement("div"); // создать обёрточный div
  div.classList.add("QnA-habr-com"); // добавить ему какой-то класс
  const els = document.querySelectorAll("#rec365427333, #rec365427599"); // выбрать элементы
  const parent = els[0].parentNode; // определить родителя первого из них
  parent.appendChild(div); // вложить обёрточный див в родителя 
  els.forEach((el) => div.appendChild(el)) // перенести в обёртку те два
}

Слабое место вашего вопроса в том, что эти ID, вероятно, будут меняться в тильде, и решение перестанет работать. Лучше отбирать элементы как-то иначе. Например, сейчас те два блока, вроде бы, единственные 2 внутри div#allrecords и можно их отбирать как

const els = document.querySelectorAll("div#allrecords > div");

Answer 2

[Tilda Master]

Во-первых, ID первого блока не совпадает (на текущий момент)
#rec218454823 и #rec365427333

Во вторых в какой тег вы хотите обернуть блоки?

$("#rec365427333, #rec365427599").wrapAll('<div/>');

Либо то же самое для однотипных блоков
$('[data-record-type="396"]').wrapAll('<div/>');

Скрипт размещаете под блоками
That's all)