Как обернуть «тег» с нужным id в строке c html?

Question

[ZaxapKramer]

Имеется строка с html вида:

var html = '<div id="mydiv">'
	+'<div data-id="this_div">' // Начало
		+'Hello World!'
		+'<div class="body">'
			+'<ul>'
				+'<li></li>'
			+'<ul>'
		+'</div>'
	+'</div>' // Конец
+'<div>';

Необходимо обернуть тег с data-id="this_div" (<div data-id="this_div">...</div>) в <div id="superdiv">...</div>.
Каким образом это можно сделать и возможно ли в принципе? Планировал это осуществить, используя RegExp, но как можно узнать конец необходимого тега? Конечно, я могу написать как-то так: </div data-id="this_div">, но можно ли обойтись без этого?

Answer 1

[Сергей Горностаев]

html.replace(/<div data-id="this_div">/, '<div id=superdiv><div data-id="this_div">') + '</div>';

Comments

[ZaxapKramer]

Хм... а если верстка состоит не из одних ? Если первый и последний теги - или , тогда как быть?

[Сергей Горностаев]

ZaxapKramer: если структура изменчива, доподлинно известный элемент - только <div data-id="this_div"> и jQuery использовать нельзя, то придётся строку распарсить в DOM, выбрать из него известный элемент, получить его родителя, вставить в родителя новый div, в этот div вставить выбранный, а со старого места его удалить.

[ZaxapKramer]

Сергей Горностаев, спасибо большое за ответ:) Тогда, наверное, проще, короче и удобнее будет просто добавить data-id к закрывающему тегу: </div data-id="this_div">, да и так читаемость должна повыситься.

[Lumore]

ZaxapKramer: это уже извращение.

[ZaxapKramer]

Lumore, сложно не согласиться. Пока думаю, над синтаксисом вообще, хотя функция уже написана...

Answer 2

[zooks]

api.jquery.com/wrap