jquery - jQuery 通过鼠标指针跟踪 div 的名称

Question

当我将鼠标悬停在 DIV 名称上时，是否可以将其存储到变量中？

例子：

<div class="bar1">Text 1</div>
<div class="bar2">Text 2</div>

当我将鼠标悬停在“Text 1”上时，DIV 的名称将存储在 jQuery 变量中。当我将鼠标悬停到“文本 2”时，DIV 名称将存储到变量中。

var class_name = $("");存储在其中的 DIV 名称

Answer 1

当然...

$('.bar1,.bar2').mouseover(function(event){
    var class_name = $(event.currentTarget).attr('class');
});​

...看到它在这里运行。

Answer 2

应该很容易......给所有你想悬停在同一个类上的元素......然后给它们一个ID来区分。然后使用这个 JQuery：

$(document).ready(function(){
    $('.hoverDivs').mouseover(function(){
        var elementId = $(this).attr('id');
    });
});

Answer 3

是的，你可以使用 jQuery 做同样的事情，

HTML

<div class="bar1" name="d1">Text 1</div>
<div class="bar2" name="d2">Text 2</div>​

JavaScript

 var name;
 var className;
    $("div").hover(function(){
     name = $(this).attr("name");
     className = $(this).attr("class");
     Console.log(name);
     //alert(name);
    });
​

---

演示