提示:本站收集StackOverFlow近2千万问答，支持中英文搜索，鼠标放在语句上弹窗显示对应的参考中文或英文， 本站还提供 中文繁体 英文版本 中英对照 版本，有任何建议请联系yoyou2525@163.com。
我有一个问题，想在悬停时将类添加到下面的div部分之一：
<div class="container">
<div class="section">Stuff</div>
<div class="section">Stuff</div>
<div class="section">Stuff</div>
<div class="section">Stuff</div>
<div class="section">Stuff</div>
</div>
这段代码将这些类添加到了所有这些类中，如何使它成为您正在悬停的类呢？ 我阅读了jquery .next，但也无法使其正常工作。 注意：div章节来自循环，并且都是相同的类名，我无法更改此名称。
jQuery是：
jQuery(".container .section").hover(
function() {
jQuery(".section").addClass("selected");
},
function() {
jQuery(".section").removeClass("selected");
}
);
试试这个，（ $(this)指向当前元素，在我们的例子中，它将是.section ）
jQuery(".container .section").hover(
function() {
$(this).addClass("selected");
},
function() {
$(this).removeClass("selected");
}
);
使用jQuery(this)代替jQuery(".section") ：
jQuery(".container .section").hover(function () {
jQuery(this).addClass("selected");
}, function () {
jQuery(this).removeClass("selected");
});
jQuery(".container .section").hover(function () { jQuery(this).addClass("selected"); }, function () { jQuery(this).removeClass("selected"); });
.selected { color:red; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div class="container"> <div class="section">Stuff</div> <div class="section">Stuff</div> <div class="section">Stuff</div> <div class="section">Stuff</div> <div class="section">Stuff</div> </div>
jQuery(".section")选择具有类section的所有元素，而jQuery(this)仅引用被引用的元素。
为什么不使用CSS呢？
您可能会有这样的事情：
.section:hover {
// Whatever you had in the .selected class
}
这是一个演示： http : //jsfiddle.net/8juoy2vz/3/
声明：本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.