jquery - jQueryは要素を親レベルまで移動します

Question

私はこのDOM構造を持っています:

<div>
  <label>
    <input />
  </label>
</div>

jQuery を使用して入力を 1 レベル上に移動し、ラベルを削除して、次のようにします。

<div>
  <input />
</div>

div への参照がありますが、ラベルまたは入力 (プラグイン ウィジェットによって生成されたもの) に ID またはクラスがありません。ラベルを削除しようとしましたが、もちろん入力も削除されます。

Answer 1

これを実現するために、入力要素で.unwrap()を呼び出すことができます

$('div > label > input').unwrap()

デモ:フィドル