jquery - ボタンの周りのラッパー div を削除する方法

Question

最近、プロジェクトを jQuery モバイル 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();