使用鼠标悬停查找课程

debugcn 发表于 Dev

铁

通过鼠标悬停在$（document）中容易找到div吗？我有3个div，例如：

<div class="container1" style="height:100px; width: 100%; border: 3px solid red">
  <div class="container2">
    <div class="container3">
      
    </div>
  </div>
</div>

<div class="container4" style="height:100px; width: 100%; border: 3px solid green">
  <div class='container5'>
    
  </div>
</div>

<div class="container6" style="height:100px; width: 100%; border: 3px solid black">
  <div class='container7'>
    
  </div>
</div>

<div class="container8" style="height:100px; width: 100%; border: 3px solid yellow">
  <div class='container9'>
    
  </div>
</div>

使用一个简单的console.log（）我需要找到何时将鼠标移到container1和container4上。

这是一个正在进行中的小提琴。

https://jsfiddle.net

谢谢！

马门

您可以尝试使用.on()指定事件和元素的类，如下所示：

$(document).on('mouseover', '.container1,.container4', function(){
    console.log($(this).attr('class'))
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container1" style="height:100px; width: 100%; border: 3px solid red">
  <div class="container2">
    <div class="container3">
      
    </div>
  </div>
</div>

<div class="container4" style="height:100px; width: 100%; border: 3px solid green">
  <div class='container5'>
    
  </div>
</div>

<div class="container6" style="height:100px; width: 100%; border: 3px solid black">
  <div class='container7'>
    
  </div>
</div>

<div class="container8" style="height:100px; width: 100%; border: 3px solid yellow">
  <div class='container9'>
    
  </div>
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。