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();
    });

})();

Updated JSFiddle

onClick循环使用相同类的DIV

1 个答案: