Обернуть код HTML (jQuery)

Question

Я хочу добавить HTML-код в область виджетов, в основном, чтобы обернуть внутреннее содержимое. Вот текущий код:

<aside id="meta-2" class="widget widget_meta"><h1 class="widget-title">Stuff</h1>
  <ul>
    <li><a href="#">Log in</a></li>
    <li><a href="#">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
    <li><a href="#">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
  </ul>
</aside>

Я хочу, чтобы это стало:

<aside id="meta-2" class="widget widget_meta"><h1 class="widget-title">Stuff</h1>
 <div class="widget-inner">
  <ul>
    <li><a href="#">Log in</a></li>
    <li><a href="#">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
    <li><a href="#">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
  </ul>
 </div>
</aside>

Обратите внимание , что некоторые "виджеты" не содержат UL, внутри может быть просто изображение или какой-то текст.

Я пробовал использовать несколько фрагментов jQuery раньше, добавлять и т. Д., Но безрезультатно.

Любая помощь будет очень признательна.

jquery html

1

Huw Rowlands 10 Сен 2014 в 12:35

Answer 1

Вы можете использовать .wrap () :

$( "aside ul" ).wrap( "<div class='widget-inner'></div>" );

Рабочая демонстрация

Обновление: для неоднородной модели DOM:

$( "aside h1" ).nextAll().wrap( "<div class='widget-inner'></div>" );

Рабочая демонстрация

4

Milind Anantwar 10 Сен 2014 в 13:28

Спасибо. Я обновил свой вопрос выше, так как я не объяснил его хорошо. Некоторые виджеты не будут иметь внутри себя UL, некоторые могут быть, например, только текстом или изображением.

–

Huw Rowlands

10 Сен 2014 в 13:13

@HuwRowlands: как насчет тега h. это всегда будет??

–

Milind Anantwar

10 Сен 2014 в 13:19

Да, H1 всегда будет там.

–

Huw Rowlands

10 Сен 2014 в 13:20

@HuwRowlands: рад, что это помогает :)

–

Milind Anantwar

10 Сен 2014 в 13:53

Answer 2

Используйте функцию .wrap() см. ссылку: wrap () jquery

0

G.Nader 10 Сен 2014 в 12:38

Answer 3

Ответ сверху был:

$( "aside h1" ).nextAll().wrap( "<div class='widget-inner'></div>" );

Благодарность

0

Huw Rowlands 10 Сен 2014 в 13:40

Обернуть код HTML (jQuery)

3 ответа

Похожие вопросы

Новые вопросы

jquery