Помогите, пожалуйста, решить мою проблему!
Проблема такая:
движок генерирует следующий код html:
<body>
<div id="mainmenucont">
<div class="moduletable">
<a class="mainlevel" title="Звук" style="display: block;" href="#">Звук</a>
<a id="active_menu" class="mainlevel" title="Аксесуары" style="display: block; font-style: italic;" href="#">Аксесуары</a>
<a class="sublevel" title="Freefloat" style="display: block;" href="#"> Freefloat</a>
<a class="sublevel" title="Кейсы, кофры, сумки" style="display: block;" href="#"> Кейсы, кофры, сумки</a>
<a class="sublevel" title="Конверты" style="display: block;" href="#"> Конверты</a>
<a class="sublevel" title="Настенные часы" style="display: block;" href="#"> Настенные часы</a>
<a class="sublevel" title="Пакеты" style="display: block;" href="#"> Пакеты</a>
<a class="sublevel" title="Слипматы" style="display: block;" href="#"> Слипматы</a>
<a class="sublevel" title="Средства чистки" style="display: block;" href="#"> Средства чистки</a>
<a class="sublevel" title="Фонарики" style="display: block;" href="#"> Фонарики</a>
</div>
</div>
</body>
Необходимо силами JavaScript заключить все теги с классом "sublevel" в новый див с определённым id.
То есть должен получиться примерно вот такой код:
<body>
<div id="mainmenucont">
<div class="moduletable">
<a class="mainlevel" title="Звук" style="display: block;" href="#">Звук</a>
<a id="active_menu" class="mainlevel" title="Аксесуары" style="display: block; font-style: italic;" href="#">Аксесуары</a>
<div id="sublevelcont">
<a class="sublevel" title="Freefloat" style="display: block;" href="#"> Freefloat</a>
<a class="sublevel" title="Кейсы, кофры, сумки" style="display: block;" href="#"> Кейсы, кофры, сумки</a>
<a class="sublevel" title="Конверты" style="display: block;" href="#"> Конверты</a>
<a class="sublevel" title="Настенные часы" style="display: block;" href="#"> Настенные часы</a>
<a class="sublevel" title="Пакеты" style="display: block;" href="#"> Пакеты</a>
<a class="sublevel" title="Слипматы" style="display: block;" href="#"> Слипматы</a>
<a class="sublevel" title="Средства чистки" style="display: block;" href="#"> Средства чистки</a>
<a class="sublevel" title="Фонарики" style="display: block;" href="#"> Фонарики</a>
</div>
</div>
</div>
</body>
Заранее спасибо!