Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Как обернуть дочерний элемент в родительский (https://javascript.ru/forum/jquery/15259-kak-obernut-dochernijj-ehlement-v-roditelskijj.html)

ntro123 19.02.2011 14:15

Как обернуть дочерний элемент в родительский
 
Добрый день.

Интересует как при помощи jquery "обернуть" дочерний элемент


Код:

<div id="static_window0"></div>
$('#static_window0').ДобавитьРодительскийЭлемент('<span class="border></span>"');


После чего должно получится:
Код:

<span class="border>
 <div id="static_window0"></div>
</span>


И еще вопросик. как более рационально добавить еще один бордер к элеменуту который уже имеет свойства бордер? т.е. по замыслу дизайнера должен сначала идти 1 бордер (определённой толшины), а потом другой бордер с другим цветом.

Спасибо!

Aetae 19.02.2011 15:00

Для современных браузеров.
<div style="outline:4px solid #00f;border:4px solid #0f0;height:60px;width:60px;"></div>

monolithed 19.02.2011 15:42

Цитата:

Сообщение от ntro123
Как обернуть дочерний элемент в родительский

$('span').wrap('</div>');

ntro123 19.02.2011 15:42

Спасибо! забыл я про это свойства!

Андрей38 05.05.2011 02:51

Цитата:

Сообщение от monolithed (Сообщение 93174)
$('span').wrap('</div>');

Обертка врап обертывает ,как оказалось, готовые тэги-объекты. У меня возникла необходимось сделать из ссылки
типа http://javascript.ru/forum/showthrea...386#post103386 ,которая сидит в ЛИ, простой текст и затем обернуть его в див
var text = $('li').text
Каким образом заcтавить wrap сработать и обернуть все-таки $('li').text() в div ?

poorking 05.05.2011 05:30

Это не то же самое, что в div добавить $('li').text()?

Андрей38 05.05.2011 11:19

Цитата:

Сообщение от poorking (Сообщение 103388)
Это не то же самое, что в div добавить $('li').text()?

Cпасибо.Если не будет работать стандартно , попробую сделать как Вы говорите. Знаю,что именно так как Вы сказали,будет работать на 100% .По ходу дела:
.... Дивелоп показывает :- <li class="es"> <span>
<a
href="http://www.guilfordfamily.com/brad/music/Enya_._The_Celts.jpg" </a> </span> </li>
А на самом деле было просто <li class="es"> href="http://www.guilfordfamily.com/brad/music/Enya_._The_Celts.jpg </li>
Здесь наверно надо юзать сначала превент дефолт.Так?

Андрей38 05.05.2011 16:21

Цитата:

Сообщение от poorking (Сообщение 103388)
Это не то же самое, что в div добавить $('li').text()?

Не, не катит ничего. Превент дефолт тоже не помог. Только клик -переход убрал и все .Вот бы еще предотвращал обертывание браузером в спан - а тег и стало бы вообще хорошо ...http:// видно нужно сплитнуть от остальной директории вручную .И затем его же присоединять к остальной директории ,чтоб получилась ссылка опять.Иду пробывать :)

shaltay 06.05.2011 16:21

а before и after не помогут?
$('div').before('<span>');
$('div').after('</span>');

Aetae 06.05.2011 17:44

shaltay
Бред. Вы явно не понимаете как и что работает.


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