javascript - 找出点击的项目属于哪个表格

Question

我的 html 中有一系列表单，目的是当用户单击“继续”按钮时，当前一个消失，下一个出现。但是我想知道是否有一种方法可以让按下哪个“继续”按钮(即哪种形式)以便只需要一段代码来基本上检查和隐藏当前形式并显示下一个而不需要id 之类的。

我尝试了一些方法，但都没有用，所以我不会在这里发布代码(老实说，它只是“破坏”了网站。

Answer 1

如果你使用 jQuery 就很容易了:

$(function() {
   // Attach click handler to your buttons
   $("button, input[type=submit]").click(function(e) {
      e.preventDefault();
      // Hide the correct form
      var thisForm = $(this).parents("form").hide();
      // Show the form after this one
      thisForm.nextAll("form:first").show();
   });
});

这也会为您处理隐藏和显示表单。它假定您的按钮是 <button>或 <input type="submit"> ，并且您的表单元素在同一个父元素中。

当然，如果页面上其他地方的按钮没有这种行为，那么您需要添加一个类，例如formContinue。到您感兴趣的按钮，并将上面代码中的第三行更改为:

$("button.formContinue, input[type=submit].formContinue").click(function(e) {