Question

我有两个嵌套的div。

<div class="AKM _ana_div">  <div class="AKM  Pazartesi 0830 1229"></div>  </div>

我想在鼠标进入第二个div时触发一个功能。

我试过这个，但显然它不起作用

    $(".AKM").mouseenter(function() {
       if ($(this).attr('class') == "0830") { 
            if ($(this).attr('class') == "Pazartesi") {
               DO THIS
            }
       }
   });

我在这里缺少什么？

Answer 1

试试这个：

$(".AKM").mouseenter(function(e) {
   e.stopPropagation();  // <---------add this to stop event bubbling
   if ($(this).hasClass("0830") && $(this).hasClass("Pazartesi")) {
        //   DO THIS
   }
});

因为.attr()方法会在代码上下文中返回类名，而您只检查一个类，所以它总是会失败。相反，如果找到了您正在寻找的内容，则必须使用.hasClass()返回boolean。

Answer 2

您可以将mouseenter事件处理程序直接附加到所需的元素：

// match element(s) with classes AKM, 0830 and Pazartesi
$(".AKM.0830.Pazartesi").mouseenter(function() {
    ...
});

注意：您可以使用数据属性以更简洁的方式执行此操作，并使用class属性进行样式化。

使用多个班级

2 个答案: