javascript - 如何删除当前点击的区域？

Question

我有以下代码和一个链接，应该删除它所属的区域:

<a href="javascript:function() { $(this).closest(".DatesSelection").remove(); };">
  <div class="CloseButton">
    Close
  </div>
</a>

按钮已生成，但当我点击它时，出现错误:

Uncaught SyntaxError: Unexpected token (

有人可以帮忙吗？干杯，

Answer 1

问题是由于 href 属性中的函数定义和引号的使用。要解决此问题，请移除逻辑周围的 function()，将 onclick 用于内联处理程序，并使用单独的引号分隔属性值和选择器字符串:

<a href="#" onclick="$(this).closest('.DatesSelection').remove();">

但是，一个更好的方法完全是使用不显眼的事件处理程序，而不是将内联 JS 代码填充到 href(它应该在哪里never be) 或 on* 事件属性(现在已经过时了)，像这样:

$(function() {
  $('.DatesSelection a').click(function(e) {
    e.preventDefault();
    $(this).closest(".DatesSelection").remove();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="DatesSelection">
  <a href="#">
    <div class="CloseButton">
      Close
    </div>
  </a>
</div>
<div class="DatesSelection">
  <a href="#">
    <div class="CloseButton">
      Close
    </div>
  </a>
</div>
<div class="DatesSelection">
  <a href="#">
    <div class="CloseButton">
      Close
    </div>
  </a>
</div>