将jquery事件附加到不包含类的子元素的元素

Question

我有这样的元素：

<div class="parent">
  <div class="one"></div>
  <div class="two"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="three">
    <div class="four">
      <div class="child"></div>
      <div class="five"></div>
    </div>
  </div>
</div>

是否可以将'mousemove'事件应用于“.parent”，这不会被“.child”元素触发，而这些元素可能不是直接的后代？

我尝试了.children，.not的组合，但似乎没有任何效果。

编辑：感谢您提出重复的问题和downvote，但我看不出它如何适用于我的问题。

Answer 1

你是这个意思吗？此代码将事件附加到父级，但依赖于悬停的元素，它将采取不同的行为。在这种情况下，如果它有类child。

    $(".parent").on('mousemove', function(e){
         console.log(e);
         if(e.target.className === 'child'){
             console.log('do nothing, this has child class')
         } else {
             console.log('do whatever, this does not have the child class')
         }
    });

这里有一个jsfiddle以及jsfiddle