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);
    });
​

---

デモ