@lagudal

Почему элемент оборачивается несколько раз?

На сайте много таблиц с одним классом, но на одной странице только одна такая.
Нужно добавить всем таблицам внешний див. Вроде все просто, но происходит что то непонятное - таблица оборачивается в див, и этот див потом еще несколько раз оборачивается в такой же.
Например, если делаю с 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 раз и все.
В чем может быть проблема?
  • Вопрос задан
  • 58 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы