HOME > > > > >

.remove([selector])

引数

(string)selector

戻り値

(object)jQuery

selectorにマッチするDOM要素をDOMツリーから削除する。イベントハンドラもデータも削除されるがDOMそのものは削除されない。操作できる。

サンプル

実行結果




Javascript

  1. $('.jqTest1 .execute').on('click', function(e){
  2.     alert($(e.target).closest('div.myBook').find('img').attr('alt'));
  3. });
  4.  
  5. $('.jqTest1 .remove').on('click', function(e){
  6.     $('.jqTest1 .myBook').remove().appendTo('.jqTest1');
  7. });

HTML

  1.  
  2. <div class="jqTest1">
  3.     <div class="myBook">
  4.        
  5.         <br>
  6.         <button class="execute cq-btn m-primary">Alert</button>
  7.     </div>
  8.     <br><br>
  9.     <button class="remove cq-btn m-danger">remove</button>
  10. </div>
  11.  

CSS

  1.  
  2. .jqTest1 .myBook {
  3.     padding: 1em;
  4.     margin: 1em;
  5.     border: 1px solid #CCCCCC;
  6. }
  7.  

イベントハンドラやデータを残したい場合、.detach()を利用する。