Question

我想在可以点击某个元素的位置进行扩展，然后将其删除。这个想法的灵感来自＆＃34; Console＆＃34; in＆＃34; Inspect＆＃34;在Chrome中。

所以，我点击一个元素（我想我应该使用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>

jQuery，通过单击选择元素

1 个答案: