Jquery 从变量中删除父元素，但保留子元素

我有个小问题。我有一个小跨度，里面有一些按钮

<span class="buttons">
      <button type="button" id="pc_0" class="btn btn-outline-dark" data-toggle="button" aria-pressed="false" autocomplete="off" title="IP adresa : 192.168.1.204">DESKTOP-I22M3QS</button>
      <button type="button" id="pc_1" class="btn btn-outline-dark" data-toggle="button" aria-pressed="false" autocomplete="off" title="IP adresa : 192.168.1.204">DESKTOP-I22M3QS</button>
</span>

内部数据我有一整页。之后，我将整个元素“.buttons”提取到一个变量中

var buttons = $(data).find('.buttons')[0];

现在问题来了。我想删除span并只保留按钮。但我真的找不到一个“按钮”

我的目标是：

DESKTOP-I22M3QS
桌面I22M3QS

---

我尝试了几件事，但总是不确定。有人能帮我解决这个问题吗？谢谢

您可以更改线路：

var buttons = $(data).find('.buttons')[0];

致：

---

但它将是一个jQuery对象。

您可以更改行：

var buttons = $(data).find('.buttons')[0];

致：

但是它将是一个jQuery对象。

使用jQuery

unwrap（）

：

这正是您要寻找的函数。

使用jQuery

unwrap（）

：

---

这正是您需要的功能。

谢谢，但它不起作用。首先，我需要使用变量按钮，您正在使用元素按钮。第二，我用可变按钮尝试了你的解决方案，但它删除了子项并保留了父项，所以我刚刚更改了答案，请再看一看。谢谢，但它不起作用。首先，我需要使用变量按钮，您正在使用元素按钮。第二，我尝试了使用可变按钮的解决方案，但它删除了子项并保留了父项，所以我刚刚更改了答案，请再看一看。

var buttons = $(data).find('.buttons')[0];

var buttons = $(data).find('.buttons button');