如何在br之后获取文本并将其包装在div中

Question

我有这个代码：

<td class="tabledata">
  <img>
  <span class="someclass"></span>
  <br> text
</td>

我想获取文本并将其包装在div中并给它一个类名。

我试过了：

$(".tabledata").html().split("<br />")[1];

$(".tabledata").each(function() {
  $(this).nextAll("br").get(0).wrap('<div></div>')
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<td class="tabledata">
  <img>
  <span class="someclass"></span>
  <br> text
</td>

Answer 1

尝试

$($(".tabledata").children('br').get(0).nextSibling).wrap('<div />');

但是：ぁzxswい

如果要包装td的所有直接文本节点的子节点

Fiddle

但是：ぁzxswい