如何使用jQuery在mouseover上找到当前元素?

  • 回答 (2)
  • 关注 (0)
  • 查看 (72)

如何获得鼠标上方当前元素的类名。例如

当鼠标从div到,我想获得div元素的类名。如何使用jQuery获得它?

济南庆典bwa济南庆典bwa提问于
BlackKnight写一辈子代码,做一辈子好人回答于

你可以试一试:

window.onmouseover=function(e) {
        console.log(e.target.className);
};
Dust资深服务器虚拟化工程师。回答于

这是我的版本:

function handler(ev) {
var target = $(ev.target);
var elId = target.attr('id');
if( target.is(".el") ) {
   alert('The mouse was over'+ elId );
}
}
$(".el").mouseleave(handler);

fiddle:http://jsfiddle.net/roxon/dJgf 4/

function handler(ev) {
    var target = $(ev.target);
    var elId = target.attr('id');
    if( target.is(".el") ) {
       alert('The mouse was over'+ elId );
    }
}
$(".el").mouseleave(handler);
.el{
    width:200px;
    height:200px;
    margin:1px;
    position:relative;
    background:#ccc;   
    float:left;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Hover an element and refresh the page, than move your mouse away.</p>
<div id="element1" class="el"></div>
<div id="element2" class="el"></div>
<div id="element3" class="el"></div>
<div id="element4" class="el"></div>
<div id="element5" class="el"></div>
<div id="element6" class="el"></div>
<div id="element7" class="el"></div>
<div id="element8" class="el"></div>
<div id="element9" class="el"></div>

扫码关注云+社区

领取腾讯云代金券