Javascript JQuery-在列表中更改显示/隐藏元素（ID匹配选项值）

我有一个包含动态创建的表的页面。存储在DB中的这些表的ID可以与页面上选择列表的值匹配

默认情况下，所有表都是隐藏的

我想根据选定的选项值显示和隐藏表格。显示ID与所选选项值匹配的表，隐藏其他不匹配的表

下面的代码用于显示匹配表。但是，如果与所选选项不匹配，如何隐藏表

$('#unit_table').hide();

$('#program_levels').change(function(){
            if($("#" + this.value + "_table").is(":hidden")){
                $("#" + this.value + "_table").show();
            } else {

            }
            });

---

您可以使用ends with attribute selector来隐藏所有id以

\u table

结尾的不匹配表，请参见下面的代码

你也可以试试这个

$（文档）.ready（函数（）{
$（“.jsTable tr”）.hide（）；
$（“.jsSelect”）.change（函数（）{
var oVal=$（this.val（）；
$（“.jsTable tr”）.hide（）；
如果（椭圆形！=“”）
{
$（“.jsTable tr[id=“+oVal+”]）.show（）；
}
})
})

显示隐藏
挑选
A.
B
C
D


阿尔弗雷德·福特基斯特
玛丽亚·安德斯
德国
莫特祖马商业中心
张锦松
墨西哥
恩斯特·汉德尔
罗兰·孟德尔
奥地利
岛屿贸易
海伦·贝内特
英国

$('#unit_table').hide();

$('#program_levels').change(function(){
    //hide all tables 
    $("table[id$='_table'").hide();
    //show all matching tables only
    //if($("#" + this.value + "_table").is(":hidden")){ // if condition not required
         $("#" + this.value + "_table").show();
    //} 
 });

if ($("#someid").attr("sometable") === "something") {
                // code
}