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>

所以当我向自己提交表单时，秒表以提交的表单的 ID 开头。我所追求的是，在再次按下提交按钮以停止秒表之前，其余的表格将获得 class 的显示 none。当它停止时，我希望再次显示表格。

所以我想的是获取表单 elementById 表单 (id="form123" ) 提交的表单然后添加 ( <> 然后过滤器) 向其余表单添加 class显示 none。直到再次提交表格

谁能帮忙

Answer 1

jQuery 来处理按钮点击（如果你更新 html，我会在按钮上应用 class 这样你就可以 select 它通过 class 因为它是重复的）那么你可以去

$('.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

jquery 隐藏页面上的表单

jquery hide forms on page

forms

jquery

filter

getelementbyid