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
Бред. Вы явно не понимаете как и что работает.

Андрей38 06.05.2011 20:25

Цитата:

Сообщение от Aetae (Сообщение 103642)
shaltay
Бред. Вы явно не понимаете как и что работает.

После сохранения из ФФ:
<td sdf="er"><span>
<a href="http://www.360productreview.com/mp3/enya/images/enya-christmas-secrets-album-cover.jpg" class="smarterwiki-linkify">
http://www.360productreview.com/mp3/...lbum-cover.jpg
</a> </span></td>

До сохранения: <td sdf="er"> http://www.360productreview.com/mp3/...lbum-cover.jpg <td>
без <span > <a href="> **/a> </span> и jpg" class="smarterwiki-linkify"!!!!


Спасибо ВСЕМ участникам, все работает. Я сделал уже. Но проблема остаеться. Скрыть, я то скрыл, но на самом деле , ФФ ловит текст который начинаеться с http (!!!) , затем его КЛОНИРУЕТ , ДОБАВЛЯЕТ <a href= а затем еще и ОБЕРТЫВАЕТ в <span> + добавляет какой-то класс smarterwiki-linkify /смотрите выше / АВТОМАТИЧЕСКИ ПРИ СОХРАНЕНИИ из браузера ФФ ! Поэтому в сохраненном аштэмеле , дом нарушаеться :).
Может это дело убирает превент дефолт ? НА вирус какой-то похоже!
Пожайлуста, кто знает , как отключить это авто обертывание. У меня ФФ тоже инструмент в паре с дримвивером :-?

Андрей38 07.05.2011 12:22

http://javascript.ru/unsorted/why_href_js_is_bad
Вот- пост по ссылкам .Почитал. Понял,что тема обширная. А задачу решил. Теперь все ОК :) . Заработало !Плагины и их си-эс-эсы нарушали работу.Их удалил и все заработало.

Андрей38 03.06.2011 12:33

$('tr.class2').each(function(){
$(this).wrap('<div></div>');
alert(r.html())
$('#div2') .html(r)
})
Пожайлуста,помогите обернуть по этому принципу, а то не получаеться у меня .
Риплейс виз тоже подойдет и даже предпочтительней!
$('.class2')- не родной класс аштємеля. Он присвоен по ивенту...Ну должно же работать,но не работает ни риплейс виз, ни врап.Что делать ?


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