javascript - 如何在新的div中换行？

Question

我的 HTML：

<div class="mainDiv">
  <p>This is a paragraph</p>
  <div class="innerDiv">This is a div</div>
  This is what I want to wrap
</div>

我想要的是：

<div class="mainDiv">
  <p>This is a paragraph</p>
  <div class="innerDiv">This is a div</div>
  <div class="wrapper">
    This is what I want to wrap
  </div>
</div>

我试过了：

$('.mainDiv').find(".innerDiv").next().wrap('<div class="wrapper" />')

但它不起作用。我怎样才能达到上述结果？

Answer 1

您可以将 jQuery contents()与slice方法一起使用：

$('.mainDiv').contents().slice(-1).wrap('<div class="wrapper"/>');

工作演示

Answer 2

另一种解决方案使用nextSibling：

$($('.mainDiv .innerDiv')[0].nextSibling).wrap('<div class="wrapper">');

http://jsfiddle.net/4MCen/

Answer 3

另一种解决方案

$('.mainDiv').contents().last().wrap('<div class="wrapper"/>');

工作演示