Javascript 更改下一个断值代码

我有一个系统，允许用户键入输入，然后在填写时在其下方显示一个新的输入。我遇到的问题是，我试图向输入添加标签，当我更改代码时，它不再添加新的输入

代码段没有标签

有人知道我做错了什么吗

$（函数（）{
var elems=$（'.intro'）.on（'input'，function（））{
if（this.value.trim（）.length>2）{
$（this）.next（'input'）.addClass（'block'）；
}
$（“#介绍按钮”）。切换(
元素过滤器（函数（）{
返回此.value.trim（）！=“”；
}).length==元素长度
)
});
});
.intro{
不透明度：0；
填充：10px 15px；
利润率：40px自动；
可视性：隐藏；
}
.简介：第一个孩子{
显示：块；
不透明度：1；
}
.街区{
显示：块；
可视性：可见；
不透明度：1；
-webkit动画：fadein 1s易用；
-moz动画：fadein 1s轻松播放；
动画：Fadein1s轻松进入；
}
.下一个{
显示：无；
}
.按钮中心{
利润率：40px自动；
文本对齐：居中；
}
#介绍按钮{
显示：无；
填充：10px 15px；
}

继续
您需要向输入添加处理程序，并在输入的父级上移动

$(function() {
  var elems = $('.intro input').on('keypress', function() {

    if ($(this).val().trim().length > 2) {
      $(this).parent().next('label').addClass('block');
    }


    $('#intro-button').toggle(
      elems.filter(function() {
        return this.value.trim() !== "";
      }).length === elems.length
    )

  });
});

标签
事件不存在。您可以调整现有的
js
以使用
this.firstElementChild

$(function() {
  var elems = $('.intro').on('input', function() {
    if (this.firstElementChild.value.trim().length > 2) {
      $(this).next('label').addClass('block');
    }


    $('#intro-button').toggle(
      elems.filter(function() {
        return this.firstElementChild.value.trim() !== "";
      }).length === elems.length
    )

  });
});

jshiddle
完美。谢谢你的帮助！