selectorにマッチするDOM要素をDOMツリーから削除する。イベントハンドラもデータも削除されるがDOMそのものは削除されない。操作できる。
サンプル
Javascript
$('.jqTest1 .execute').on('click', function(e){
alert($(e.target).closest('div.myBook').find('img').attr('alt'));
});
$('.jqTest1 .remove').on('click', function(e){
$('.jqTest1 .myBook').remove().appendTo('.jqTest1');
});
HTML
<div class="jqTest1">
<div class="myBook">
<br>
<button class="execute cq-btn m-primary">Alert</button>
</div>
<br><br>
<button class="remove cq-btn m-danger">remove</button>
</div>
CSS
.jqTest1 .myBook {
padding: 1em;
margin: 1em;
border: 1px solid #CCCCCC;
}
イベントハンドラやデータを残したい場合、.detach()を利用する。