javascript - jQuery 选择器 : select a box but not an element inside the box

Question

假设我有以下代码:

<div class="body">
  Click me and it will work.
  <div class="head">Click me and nothing will happen.</div>
</div>

当您在 .body div 内部单击但不在 .head div 内部单击时，我想显示“it works”。我该怎么做？

使用此代码，即使您单击 head 也会显示日志:

<script>
$('.body').click(function(){console.log('it works !');});
</script>

Answer 1

$('.body').click(function(e){

if($(e.target).hasClass('body'))
  console.log('it works !');

});