jquery - onClick 循环遍历具有相同类的 DIV

Question

我正在尝试创建一个脚本来循环遍历具有相同类名的 DIV（一次一个）。.nextAll()所有这些有趣的东西对我来说完全陌生。我怎样才能让它发挥作用？

这是它应该如何工作的。当您单击右侧的浅灰色框时，它应该显示下一个.hint及其hint-description. 一次只显示一个提示。这应该是一个无限循环。意思是，在第三次提示之后，它应该再次从顶部开始。希望jsfiddle有意义。如果没有，请告诉我！

http://jsfiddle.net/DzD5W/1/

Answer 1

这是一种方法：

(function(){

    var $hints = $('.hint');
    var $hintDescriptions = $('.hint-description');
    var i = 0;

    $('.next-hint').on('click', function(){
        i = (i + 1) % $hints.length;
        $hints.hide().eq(i).show();
        $hintDescriptions.hide().eq(i).show();
    });

})();

更新了 JSFiddle