Jquery 更好的隐藏和显示方法

Jquery 更好的隐藏和显示方法,jquery,Jquery,我目前有两个表和表单,所以我用它来显示它们: switch (table) { case "table1": $("#form1").show(); $("#form2").hide(); break; case "table2": $("#form1").hide(); $("#form2").show(); break; } 因此,如果我有1000个按钮,想象一下重复所有这些…,有没有更好的方

我目前有两个表和表单,所以我用它来显示它们:

switch (table) {

    case "table1":
        $("#form1").show();
        $("#form2").hide();
    break;

   case "table2":
        $("#form1").hide();
        $("#form2").show();
    break;
}

因此,如果我有1000个按钮,想象一下重复所有这些…,有没有更好的方法不重复所有代码?

使用选择器隐藏所有表单,然后使用ID显示您需要显示的代码。

我将以允许使用较少代码的方式构造代码,如下面的代码段所示。我只传递输入的单选值,并使用它来构造我的ID属性,并使用它仅显示有问题的表

$document.readyfunction{ $'form'。切换; $input[type='radio']。单击函数{ $'form'。隐藏; $'form'+$this.val.toggle; } }; 表格1 表格2 表格3 表格4 输入表格1 输入表格2 输入表格3 输入表格4
有规则吗?例如表1->显示表格1,隐藏所有其他表格?ie$form.hide$形式1.表演;这将是一个开始。下一步是使用数据属性链接table1和form1,但这取决于任何规则。@freedomn-m hi,而不是rule,简单地说,如果选择了table,则显示正确的表单,我将如何执行?规则将定义正确的表单-换句话说,当您选择一个表时,它如何知道使用哪个表单?还有什么是表格?@freedomn-m因为表格有一个id,所以现在我复制粘贴所有表格中的所有表格,重复相同的代码。所以在代码上,我写每个表格,如果你看原始帖子,它在表格1上说,写两个表格,但只显示1,所以它只显示1。要求:当用户从下拉列表中选择1个表时,显示id调用的特定表单