在悬停时调用元素上的函数（没有唯一的id）
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在悬停时调用元素上的函数（没有唯一的id）相关的知识，希望对你有一定的参考价值。
当将鼠标悬停在相同类型的通用元素上时，我想对将执行动画的元素执行一个函数。但是，由于这些元素没有唯一的ID，我不确定如何在javascript中唯一标识它们。有没有办法使用这个关键词呢？我不想给它们所有唯一的ID，因为大量的相同元素似乎是多余的。非常感谢任何帮助。
下面是我正在玩的一些代码，试图让它工作。优选地，代码更简单或使用基本的javascript更好。
$(document).ready(function(){
$("span").hover(function(){
this.color = red;
});
});
答案
red不是变量，它是一个字符串。所以你必须使用'red'：
要使用JavaScript设置颜色，您必须使用style属性：
$(document).ready(function(){
$("span").hover(function(){
this.style.color = 'red';
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span>Frist</span> <br>
<span>Second</span>另一答案
您可以将用户类作为选择器
给所有<span>元素赋予相同的类
试试以下
$('.hoverTest').hover(function(){
$(this).css("color", "red");
}, function(){
$(this).css("color", "");
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class='hoverTest'>Your Span Element</span><br/>
<span class='hoverTest'>Span 1</span><br/>
<span class='hoverTest'>Span 2</span><br/>
<span class='hoverTest'>Span 3</span><br/>
<span class='hoverTest'>Span 3</span><br/>
<span class='hoverTest'>Span n</span>以上是关于在悬停时调用元素上的函数（没有唯一的id）的主要内容，如果未能解决你的问题，请参考以下文章