jquery, ein Element in ein div einpacken

Question

<div id="top">

   <span id="innter"></span> Here may have a lot of different div, span

</div>

Was ich tun möchte, ist die span durch ein anderes div-Element zu umhüllen.

Es sieht also folgendermaßen aus:

<div id="top">
   <div id="wrapper">
       <span id="innter"></span>
    </div
</div>

Wie lässt sich dies am besten bewerkstelligen? Ich fand wrapAll() ist nützlich, aber nicht sicher, wie man alle Elemente innerhalb #top enthalten.

Answer 1

Verwenden Sie die .wrap() Methode

$('#innter').wrap('<div id="wrapper" />');

Answer 2

Sie können verwenden [wrapInner](http://api.jquery.com/wrapInner/) oder

var content = $("#top").html();
$("#top").html("<div id='wrapper'>"+content+"</div>");

Answer 3

Versuchen Sie dies:

 $('#top').wrapInner('<div id="wrapper" />');