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

Мне нужно аккуратно обернуть элементы внутри body<div id="wrap">, используя jQuery/JavaScript. Конечным результатом должно быть:Как обернуть элементы внутри тела динамически

<body> 
    <div id="wrap"> 
     <!-- open div #wrap here --> 
     <div id="nav"> 
      <ul> 
       <li><a href="#">Menu 1</a></li> 
       <li><a href="#">Menu 2</a></li> 
      </ul> 
     </div> 
     <div id="main">....</div> 
    </div> 
    <!-- close div #wrap here, before close body tag --> 
</body>

Должен ли я создать div и после добавления содержимого, которое уже существует внутри тела? Как мне это сделать?

Спасибо!

источник

2013-08-10 Ana Sampaio

Используйте .wrapAll() метод, как показано ниже:

$('body').children().wrapAll("<div id='wrap'>");

JSBin Demo

источник

2013-08-10 13:44:26

Самый простой способ! Я использовал ваше предложение. Огромное спасибо :) –

$(document.body).html("<div id='wrap'>...</div>")

источник

2013-08-10 13:40:41

Это стирает содержимое тела и заменяет эту строку. На самом деле вопрос не задавался. – dhaupin

Сначала вы хотели бы, чтобы захватить текущий HTML и сохранить его в переменной, то использование метода .html() будет делать чудеса:

$(function(){ 
    var bod = $("body"), current_html = bod.html(); 
    bod.html("<div id=\"wrap\">" + current_html + "</div>"); 
});

источник

2013-08-10 13:41:48 faino

Большое вам спасибо, вот что я искал :) –

Не проблема, вы могли бы написать его и в одной строке, хотя это не очень красиво: '$ (" body "). Html ("

" + $("body").html() + "

"); ' – faino

Это может помочь вам - с помощью JQuery:

$('#testElem').add(); 
$('body').append($('<div id="testElem"></div>'));

otherwise look at this link

источник

2013-08-10 13:51:48 krishna

wrapAll должны производить несколько Div тегов. Вместо этого я бы использовал wrapInner.

$('body').wrapInner('<div id="wrap">');

источник

2013-08-10 16:36:54

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

ответ

Смежные вопросы