Форум

krasovsky · #1 (**permalink**) 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'ом . Можно.
Но может кто сталкивался,может есть более изящное решение?

ОлегА · #2 (**permalink**) 22.01.2013, 10:15

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

ksa · #3 (**permalink**) 22.01.2013, 11:20

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

krasovsky · #4 (**permalink**) 22.01.2013, 11:20

Сообщение от ОлегА

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

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

krasovsky · #5 (**permalink**) 22.01.2013, 11:21

Сообщение от ksa

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

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

рони · #6 (**permalink**) 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 · #7 (**permalink**) 22.01.2013, 11:54

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

Форум

Справочник

Discord чат

Курсы javascript