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>