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

Question

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

Answer 1

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

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

Example