jquery - 如何删除按钮周围的包装器 div

Question

我最近将我的项目从 jQuery mobile 1.0 升级到了 1.4.2。在我的旧代码中，我有一个带有我自己的自定义类的按钮。

<button class="set-date" data-theme="a" data-icon="arrow-r">Set Date</button>

在我升级到最新的 jQuery 手机后，这不起作用。我将代码更改为，

<button class="set-date ui-btn ui-corner-all ui-icon-arrow-r ui-btn-icon-right ui-btn-a">Set Date</button>

此按钮的 javascript 是：

$(".set-date",page).click(function(event){      
    event.preventDefault();

    $.mobile.loader('show');
    $.mobile.changePage("set-date");
    ...
});

但是，这会使按钮位于另一个按钮内。当我检查元素时，我看到按钮周围有一个包装 div。

<div class="ui-btn ui-input-btn ui-corner-all ui-shadow">
<button class="set-date ui-btn ui-btn-a ui-icon-arrow-r ui-btn-icon-right ui-corner-all ui-last-child">Set Date</button>
</div>

谁能告诉我如何删除这个包装 div？

Answer 1

使用.unwrap()：

$('button.set-date').unwrap();