jquery在页面上隐藏表单

Question

任何人都可以帮忙：我有一个页面可以动态生成 id = form1、form2、form3 等表单，每个表单作为秒表功能。

<form id="form183" action="" method="post" class="clockBtn">
<input type="hidden" name="entryId" value="183" />
<input type="hidden" name="running" id="running" value="1" />
<input type="hidden" name="isRecord" id="isRecord" value="1" />
<button type="input" name="submit" id="timetrack" </button>
    </form> 


    <form id="form184" action="" method="post" class="clockBtn">
    <input type="hidden" name="entryId" value="184" />
    <input type="hidden" name="running" id="running" value="1" />
    <input type="hidden" name="isRecord" id="isRecord" value="1" />
    <button type="input" name="submit" id="timetrack" </button>
        </form> 

    <form id="form3" action="" method="post" class="clockBtn">
    <input type="hidden" name="running" id="running" value="1" />
    <input type="hidden" name="isRecord" id="isRecord" value="1" />
    <button type="input" name="submit" id="timetrack" </button>
        </form> 

所以当我向 self 提交表单时，秒表会从提交的表单的 id 开始。我所追求的是，​​在再次按下提交按钮以停止秒表之前，其余表单将获得一类显示无。当它停止时，我希望再次显示表单。

所以我的想法是获取表单 elementById 表单 (id="form123" ) 提交的表单然后添加 ( 然后过滤器) 将一个类添加到其余表单显示无。直到再次提交表单

谁能帮忙

Answer 1

jQuery 来处理按钮点击（如果你更新 html，我会为按钮应用一个类，这样你就可以按类选择它，因为它是重复的）然后你可以去

$('.bntClass').click(function(e){ // something });

到你当前渲染的 HTML

$('input[type="submit"]').click(function (e) {
       var targetForm = $(this).parent();
       var nonParentForms = $('form').filter(function(){
          return $(this) != targetForm;
       });
       nonParentForms.toggle();
});

Toggle API Docs