Как вставить закрывающие тэги используя javascript?

Question

[kiberlain]

Смешное затруднение возникло когда потребовалось блок со сгенеренным слайдером обвернуть в дополнительную вёрстку. Как выяснилось с помощью jquery нельзя просто так взять и вставить перед дивом цепочки закрывающих дивов
Вопрос - а как это сделать на чистом javascript?

Answer 1

[ILoveYAnny]

Я может быть чегото не понимаю, но почему нельзя ? А как же $('selector').after() и $('selector').before() ? Либо если элемент не DOM, тогда $($('selector')).next() и $($('selector')).before()
В вашем случае :

$($('.new')[0]).before('<div id=\"teg\">')
$($('#teg')).before('<div id=\"teg1\">')

Comments

[kiberlain]

данный код СОЗДАЁТ новые элементы с закрывающими тэгами
а мне в данном случае нужно просто закрывающие тэги разместить перед элементом.
С помощью jquery невозможно разбить DOM -элемент закрывающими тэгами, можно только создать элемент и не более
stackoverflow.com/questions/6777840/jquery-add-clo...

Answer 2

[Сергей Иванов]

через метод html() ?

jsfiddle.net/p1usmrvh

ну и кстати ничего удивительного нету. jquery насколько помню сначала парсит документ.

Comments

[Андрей]

Ваш пример показывает не то.
Браузер сам закрывает незакрытые теги, если убрать ваши вызовы .html(), то ничего не поменяется.
Ну и кстати, jquery документ не парсит.

Answer 3

[Андрей]

Документ после разбора хранится в виде дерева, и просто так закрывающий тег вставить в произвольное место нельзя.
Даже если вы используете метод html, допишите закрывающий тег, и вставите обратно в элемент на странице, то результат в дереве не выйдет за пределы этого элемента, все лишние закрывающие теги будут либо проигнорированы, либо превратятся в пустой (закрытый) элемент.

Поэтому если вы хотите добавить закрывающий тег с помощью .html(), то вам нужно добавить и открывающий.

Если вы используете jquery, и хотите сделать обертку вокруг элемента, то вы можете воспользоваться одним из wrap-методов.