遍历列表项时添加/删除类

Question

我不太明白为什么这不起作用。我正试图通过列表项.on()点击removeClass() .active-title。然后addClass() .active-title到next()列表项。

$(".next").on({
    click: function(){
        $('.active-title').removeClass(function(){
          $(this).next().addClass('active-title');
    }
  });
});

演示：

Link to JSFiddles Demo

---

Final Solution Demo in JSFIDDLES

Answer 1

您的代码中有一些错误

      }
   });
});

应该是

      }); <--- closing of removeClass
   } <-- closing for click function
});

---

试试这个

$(".next").on({
    click: function () {
       // Find the actuve element
        var $active = $('.active-title', 'ul');
       // If the next element exists the get the element
       // otherwise get the first li from the ul
        var $nextElem = $active.next('li').length ? $active.next('li') 
                                                  : $('ul').find('li:first');
        // Add and remove class
        $active.removeClass('active-title');
        $nextElem.addClass('active-title');

    }
});

<强> Check Fiddle