在JavaScript DOM中从父节点拆分节点

我有这样的DOM HTML

<div class="width_medium">
  <p>Text 1</p>
  <p>Text 2</p>
  <div class="video">Video</div>
  <p>Text 3</p>
  <p>Text 4</p>
</div>

<div class="width_medium">
  <p>Text 1</p>
  <p>Text 2</p>
</div>
<div class="width_medium">
  <div class="video">Video</div>
</div>
<div class="width_medium">
  <p>Text 3</p>
  <p>Text 4</p>
</div>

文本1

文本2

视频
文本3

文本4

我想把div类“video”从div“width\u medium”移走。结果会是这样

<div class="width_medium">
  <p>Text 1</p>
  <p>Text 2</p>
  <div class="video">Video</div>
  <p>Text 3</p>
  <p>Text 4</p>
</div>

<div class="width_medium">
  <p>Text 1</p>
  <p>Text 2</p>
</div>
<div class="width_medium">
  <div class="video">Video</div>
</div>
<div class="width_medium">
  <p>Text 3</p>
  <p>Text 4</p>
</div>

文本1

文本2

视频
文本3

文本4

我如何使用jQuery做到这一点？

$（“.video”）.unwrap（）；
$（“.video”）.prevAll（'p'）.wrapAll（“”）
$（“.video”）.nextAll（'p'）.wrapAll（“”）
$（“.video”）.wrap（“”）

.width\u中等{
背景颜色：蓝色
}
.width_中等。视频{
背景颜色：红色
}

文本1

文本2

视频
文本3

文本4

嘿，你能告诉我这个HTML标签视频总是固定的吗？$（'.Video'）.wrap（''）；如果原始div之前或之后都有p元素，这就不太管用了，是吗？它可以在当前的html标记上工作，而这就是OP提供的，但是，这段代码是否有一个变体，无论页面上还有什么内容，都可能以该div为目标？@nnnn mate将根据您之前提出的问题更新work base？@nnnn感谢批评，这有助于更好地回答问题并适合OP