JavaScriptでdiv全体を削除する

Question

これを複製としてマークする前に、これが私の質問とは異なる方法です。 Googleで実際にコンテンツの不足に

、私は見つけることができるすべての親IDを削除 ですが、私はそれが親ID として適用されないと思うだけ残して、その後、パネル体を除去するであろうパネル見出しとパネル divがあります。

私はオンラインで何か助けを見つけることができなかったという簡単な質問をしたかったです。私はブートストラップパネルを持っています。これには2つのdivのinsdieがあります.1つはパネルヘッダー用で、もう1つはパネル本体用です。パネルボディdiv内には、クリックしたときにパネル全体を削除したいbtn btn-successボタンがあります。 javascriptやjqueryので

<div id="draggable" class="habbo-notification panel panel-default"> 
    <div class="panel-heading"> 
     Panel Header 
    </div> 
    <div class="panel-body"> 
     <div class="row"> 
      <div class="col-md-4"> 
       <font color="#B00049"> 
        <h1 style="font-size:144px;margin-top:0;margin-left:14px;"><i class="fa fa-globe fa-6" aria-hidden="true"></i><h1> 
       </font> 
      </div> 
      <div class="col-md-8"> 
       <p> 
      Some content here 
     </p> 
     <br> 
     <div class="btn btn-success" onclick="" style="width:100%">Close this</div> 
      </div> 
     </div> 
    </div> 
</div> 
</div> 

（その1気にしない）、どのように私は、IDやクラスを知っている、またはすべてのパネルのdiv要素へのアクセスを持たずに、ボタンのonclickのdiv要素全体を削除することができます。私は、パネルボディの内容を、パネルを宣言する場所以外のどこかに宣言します。それは2つのdivパネルのボディとパネルヘッダです。

クリックすると、ボタンが割り当てられているパネルdiv全体を削除しますか？

<div class="btn btn-success" onclick="" style="width:100%">Close this</div> 

誰でも手助けできますか？

Answer 1

あなたは、たとえば、.panelのようなパネルのdivのクラス（複数可）を使用することはできませんなぜ私は本当に得ることはありません：

$(".btn").click(function(){ 
    $(".panel").css("display","none"); 
}); 

しかし、私は、これは技術的にも働くだろうと思う：

$(".btn").click(function(){ 
     $(this).parent().parent().css("display","none"); 
    }); 

Answer 2

jQueryメソッドはこの1行です。

$('.btn-success').on('click', function(){ 
    $(this).closest('div.panel').remove(); 
}); 

.closest()関数は、指定されたセレクタに一致する最も近い親を探します。この場合、が表示されるまで、thisの各親をチェックします。

onclick=""にこれを削除することはできますが、イベントの属性はHTMLで非推奨です。標準では、イベントがJavascript内で設定されることを期待しています。