На сайте много таблиц с одним классом, но на одной странице только одна такая.
Нужно добавить всем таблицам внешний див. Вроде все просто, но происходит что то непонятное - таблица оборачивается в див, и этот див потом еще несколько раз оборачивается в такой же.
Например, если делаю с jquery
$('table.com-cat-print-table').wrap('<div class="scrollable-table"></div>')
то получаю на выходе структуру
<div class="scrollable-table">
<div class="scrollable-table">
<div class="scrollable-table">
<div class="scrollable-table">
<table class="com-cat-print-table">
<tbody>
....
</tbody>
</table>
</div>
</div>
</div>
</div>
если делаю просто на чистом js, что то вроде
let tableDiv = document.querySelector('table.com-cat-print-table').outerHTML;
let newTableDiv = '<div class="scrollable-table">' + tableDiv + '</div>';
document.querySelector('table.com-cat-print-table').outerHTML = newTableDiv;
то оборачивается на 1 раз меньше.
При этом если тупо выполнить код в консоли то все нормально, оборачивается 1 раз и все.
В чем может быть проблема?