javascript - 简单的步骤形式不起作用

Question

我正在尝试创建一个包含 4 个步骤的简单步骤表单。我创建了 i = 1控制当前步骤，而不是在click里面功能，我增加了i++对于下一个点击事件显示下一步:

var i = 1;

  if (i <= 4 ) {
    $('.step' + i).each(function(){
      $(this).find('a').on('click', function(e){
        e.preventDefault();

        i++;

        $('.step' + i).animate({opacity: 1}, 200);
      });
    });
  };

如您所见，我使用 .each和 click获取当前 <a> 的事件单击，但它不工作。一些帮助将不胜感激。

编辑--------

Js fiddle :https://jsfiddle.net/gtsjhe1y/

Answer 1

https://jsfiddle.net/gtsjhe1y/2/它是不正确的。试试这个。

$(this).parent().find('a').on('click', function(e){