javascript - 当其他 div 具有相同的类时,在您悬停的 div 上添加 Class

标签 javascript jquery class addclass

我有一个问题,我想在悬停时将类添加到下面的部分 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");
  }
);

fiddle @ http://jsfiddle.net/8juoy2vz/

最佳答案

试试这个,($(this) 引用当前元素,在我们的例子中它将是 .section 之一)

jQuery(".container .section").hover(
    function() {
        $(this).addClass("selected");
    },
    function() {
        $(this).removeClass("selected");
    }
);

Example

关于javascript - 当其他 div 具有相同的类时,在您悬停的 div 上添加 Class,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27951720/

相关文章:

javascript - setState更新完成后可以执行函数吗?

javascript - 如何将 puppeteer 操纵者的焦点转移到弹出窗口

jquery - 样式化 JQuery 移动主题

jquery - 当传递多个参数时 onclick 事件不起作用。为什么?

c++ - 为什么我的构造函数不会在循环执行时重新初始化变量?

c++ - 带数组参数的构造函数

php - 对象没有方法排序

javascript - 从 json 对象中删除引号

javascript - 如何根据输入字段中的给定数据计算年龄?

php - 为什么我不能将一个类划分为多个文件