Wrapping some part of html using jQuery

Question

I've something like:

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

In a result I want something like:

<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>

How can I achieve this using jQuery? Please help me on that.

epascarello · Accepted Answer · 2013-04-02 11:56:10Z

4

Well if the contents will always be the same, you can do something like

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

http://jsfiddle.net/Ysq48/

edited Apr 2, 2013 at 11:56

answered Apr 2, 2013 at 11:51

epascarello

208k20 gold badges206 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Adil Shaikh · Accepted Answer · 2013-04-02 11:56:09Z

0

Demo

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

edited Apr 2, 2013 at 11:56

answered Apr 2, 2013 at 11:48

Adil Shaikh

44.8k17 gold badges95 silver badges112 bronze badges

1 Comment

iappwebdev Over a year ago

That doesn't work, you are removing .time and wrapping every single child.

Community · Accepted Answer · 2017-05-23 10:25:51Z

0

read this link it may help you :What is the Most effcient way to create html elements using jquery

My Answer is the answer well be like this :

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);

edited May 23, 2017 at 10:25

CommunityBot

11 silver badge

answered Apr 2, 2013 at 11:58

abu taha9

551 silver badge14 bronze badges

Comments

Shikiryu · Accepted Answer · 2013-04-02 12:03:08Z

0

With one line (or 3 for clarity):

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

JSFIDDLE

answered Apr 2, 2013 at 12:03

Shikiryu

10.3k9 gold badges53 silver badges76 bronze badges

Collectives™ on Stack Overflow

Wrapping some part of html using jQuery

4 Answers 4

Comments

Demo

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related