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

Question

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

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

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

<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 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();