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"/>');

Working Demo