Owijanie jakąś część HTML za pomocą jQuery

Question

mam coś takiego:

<div class="the_notice"> 
    <span class="time"> | 3:48pm</span> 
    To <strong>2013-03-16_10-56-33</strong> By <strong>XYX</strong> 
</div> 

W rezultacie chcę coś takiego:

<div class="the_notice"> 
    <span class="time"> | 3:48pm</span> 
    <div class="wrap"> 
     To <strong>2013-03-16_10-56-33</strong> By <strong>XYX</strong> 
    </div> 
</div> 

Jak mogę osiągnąć to za pomocą jQuery? Pomóż mi w tym.

Answer 1

Dobrze, jeśli zawartość będzie zawsze taka sama, można zrobić coś takiego

$('.the_notice').contents().slice(2).wrapAll('<div class="wrap"/>'); 

http://jsfiddle.net/Ysq48/

Answer 2

Demo

var temp = $('.time'); 
    $('.time').remove(); 
    $(".the_notice").contents().wrapAll('<div class="wrap" />'); 
    $(".the_notice").prepend(temp); 

Answer 3

przeczytać ten link może pomóc: What is the Most effcient way to create html elements using jquery

Moja odpowiedź jest odpowiedzią dobrze być tak:

var myTimeIsHere = //calculate your time here; 
var x = //calculate x here.; 
var y = //calculate y here.; 

var newHTML = "<span class='time'>" |+ myTimeIsHere+"</span>"+ 
       "<div class='wrap'>To <strong> "+x+" </strong>"+ 
       "by "+y+"</div>"; 
$(".the_notice").html(newHTML); 

Answer 4

Z jednej linii (lub 3 dla jasności):

$('.the_notice') 
    .wrapInner($('<div class="wrap">')) 
    .prepend($('.the_notice .time').detach()); 

JSFIDDLE