Question

我有一个小问题。我的跨度很小，上面有一些按钮。

<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>

首先，我将AJAX获取请求存储在数据变量中

> $.get('Home/Index', function (data) {}

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

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

现在出现了问题。我想删除跨度并仅保留按钮。但是我真的无法掌握跨度的“按钮”。

我的目标是：

<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>

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

Answer 1

您可以更改以下行：

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

收件人：

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

但这将是一个jQuery对象。

Answer 2

使用jQuery unwrap()：https://api.jquery.com/unwrap/

这正是您要寻找的功能。

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

2 个答案: