如何使用jquery在鼠标悬停上找到当前元素 [英] How can I find current element on mouseover using jquery

问题描述

我怎样才能得到鼠标悬停的当前元素的类名。例如

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

$ b

 函数处理程序（ev）{
 var  target = $（ev.target）; 
 var elId = target.attr（'id'）; 
 if（target.is（。el））{
 alert（'鼠标已结束'+ elId）; 
} 
} 
 $（。el）。mouseleave（handler）; 
  

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

 函数处理程序（ev）{var target = $（ev.target）; var elId = target.attr（'id'）; if（target.is（。el））{alert（'鼠标结束'+ elId）; }} $（。el）。mouseleave（handler）;  

.el {width：200px;高度：200像素;保证金：1px的;位置：相对;背景：#CCC; float：left;}

< script src =https ：//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js>< / script>< p>悬停一个元素并刷新页面，而不是将鼠标移开。 < div id =element1class =el>< / div>< div id =element2class =el>< / div>< div id = element3class =el>< / div>< div id =element4class =el>< / div>< div id =element5class =el> < / div>< div id =element6class =el>< / div>< div id =element7class =el>< element8class =el>< / div>< div id =element9class =el>< / div>

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

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

解决方案

This is my version:

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

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在鼠标悬停上找到当前元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！