如何使用jQuery在mouseover上找到当前元素？ [英] How can I find current element on mouseover using jQuery?

问题描述

如何获取鼠标悬停时当前元素的类名？例如

How can I get the class name of the current element that is on mouseover? For example

当鼠标从div到 a 时，我想得到div元素的类名。如何使用jQuery获取它？

When a mouse is over from div to a, I want to get the class name of a div element. How can I get it using jQuery?

推荐答案

这是我的版本：

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

工作小提琴： http://jsfiddle.net/roXon/dJgf4/

Working fiddle: http://jsfiddle.net/roXon/dJgf4/

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>

这篇关于如何使用jQuery在mouseover上找到当前元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！