javascript - 不包含子元素的 jQuery 选择器

Question

我还没有看到过这样的问题，所以这里是:

假设我有这个 html 结构:

<div class="button">
    <div class="text">
        Button
    </div>
</div>

我想选择“.button”元素，但不是“.btext”元素。意思是，我想做类似的事情

$(".button") 不包含“.btext”。我想将其用于 .hover() 匹配，但我不想将鼠标悬停在文本上来触发事件。

有没有办法做到这一点，还是html无法做到这一点？

Answer 1

当悬停事件触发时，它会返回该元素，因此您可以在回调中找到它

$('button').hover(function(e){
  if (e.target == $('.text')){
         return false;
     }
});

编辑:

@Alnitak 是正确的，应该是这样。

   if ($(e.target).hasClass('text'))