カーソルを合わせたときに DIV 名を変数に格納することはできますか?
例:
<div class="bar1">Text 1</div>
<div class="bar2">Text 2</div>
「Text 1」にカーソルを合わせると、DIV の名前が jQuery 変数に格納されます。「テキスト 2」にカーソルを合わせると、DIV 名が変数に格納されます。
var class_name = $("");
そこに格納されている DIV 名
もちろん...
$('.bar1,.bar2').mouseover(function(event){
var class_name = $(event.currentTarget).attr('class');
});
...ここで実行されているのを参照してください。
十分に簡単である必要があります...同じクラスの上にホバーしたいすべての要素を与えます...次に、それらを区別するためのIDを与えます。次に、このJQueryを使用します。
$(document).ready(function(){
$('.hoverDivs').mouseover(function(){
var elementId = $(this).attr('id');
});
});
はい、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);
});