jQuery，通过点击选择一个元素

Question

我想做一个扩展，在其中可以点击一个元素，然后例如删除它。 这个想法受到Chrome中“Inspect”中的“控制台”的启发。

所以，我点击一个元素（我想我应该用onClick()）上，然后将它传递给一个事件，我可以使用下面的jQuery代码：$('# or . elementName).hide()

的所有信息都将不胜感激。

Answer 1

注意：如果您想完全删除该元素，则应该使用remove而不是hide。

$(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>