Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Обернуть элемент! (https://javascript.ru/forum/jquery/34859-obernut-ehlement.html)

krasovsky 22.01.2013 09:20

Обернуть элемент!
 
Добрый день человеки!

У меня стоит вопрост о том как обернуть некоторые элементы сложным контентом:
<ul class="list">
<li>111</li>
<li>111</li>
<li>111</li>
<li>111</li>
<li>111</li>
</ul>


обернуть в :

<div class="wrap">
  <span class="title">title</span>
   <div class="ul">  >>Список list тут<< </div>
</div>

использую функцию wrap()
Все вроде бы не сложно если бы не спан.

Знаю,убрать его из WRAP() и добавить append'ом . Можно.
Но может кто сталкивался,может есть более изящное решение?

ОлегА 22.01.2013 10:15

в чем проблема то?

ksa 22.01.2013 11:20

krasovsky, вставка wrap() подразумевает вставку в самую "нутрь" контента...
А так не понятно где та "нутрь"... :)

krasovsky 22.01.2013 11:20

Цитата:

Сообщение от ОлегА (Сообщение 228676)
в чем проблема то?

В том что это будет происходить автоматически дня N-ного числа ul, и append будет каждый раз добавляться заново и заново,т.е в одном ul уже будет два title

krasovsky 22.01.2013 11:21

Цитата:

Сообщение от ksa (Сообщение 228680)
krasovsky, вставка wrap() подразумевает вставку в самую "нутрь" контента...
А так не понятно где та "нутрь"... :)

Да я в курсе)))

рони 22.01.2013 11:27

Цитата:

Сообщение от krasovsky
т.е в одном ul уже будет два title

это как ?
<!DOCTYPE HTML>
<html>
<head>
  <title></title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
$(".list").wrap("<div class='wrap'><div class='ul'></div></div>");
$(".wrap").prepend("<span class='title'>title</span>")
});
</script>
</head>

<body>
<ul class="list">
<li>111</li>
<li>111</li>
<li>111</li>
<li>111</li>
<li>111</li>
</ul>
<ul class="list">
<li>111</li>
<li>111</li>
<li>111</li>
<li>111</li>
<li>111</li>
</ul>
</body>
</html>

krasovsky 22.01.2013 11:54

рони,
Спасибо, да действительно работает. Но в моем случае к сожалению не сработал ни этот код не подобны. Сложно сказать с чем это связано - может с тем что у меня запускается функция после динамической добавки элементов,может связано с тем что все это делается в TinyMCE . Вобщем разбираться нет желания, т.к решение я уже нашел.
И еще раз Спасибо! Я вспомнил что есть такой удобный метод как prepend


Часовой пояс GMT +3, время: 21:00.