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()をスライスメソッドと一緒に使用できます。

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

ワーキングデモ

Answer 2

別の解決策

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

ワーキングデモ