jQuery、要素をクリックして選択する

Question

要素をクリックして削除するなどの拡張をしたいと思います。 このアイデアは、Chromeの「検査」の「コンソール」に触発されています。

だから、私はその後、私は次のjQueryコードを使用することができるイベントに渡し、（私はonClick()を使うべきだと思う）の要素をクリックしてください：$('# or . elementName).hide()

すべての情報がいただければ幸いです。

Answer 1

注：要素を完全に削除する場合は、hideの代わりにremoveを使用してください。

$(document).on("click", function(e) {  // when clicking inside the document 
 
    $(e.target).hide();      // get the element that has been clicked (e.target) and hide it 
 
});

.item { 
 
    border: 1px solid black; 
 
    display: inline-block; 
 
    min-width: 50px; 
 
    min-height: 50px; 
 
    background: rgba(255, 0, 0, 0.3); 
 
    margin: 5px; 
 
    padding: 5px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="item"> 
 
    <div class="item"></div> 
 
    <div class="item"></div> 
 
</div> 
 
<div class="item"></div> 
 
<div class="item"> 
 
    <div class="item"> 
 
    <div class="item"></div> 
 
    </div> 
 
</div>