循环切换不同的ID元素

时间:2014-12-30 01:52:36

标签: javascript jquery

我有以下脚本来切换(显示和隐藏):

function btnClass1(where, pval, nval){
var x=$("#btn1-Bln ").val();
if (x == 'Show '){
where.title='Show ';
}
else{
where.title='Hide ';
}
where.value=(where.value == nval) ? pval : nval;
container=document.getElementById("containerXd");
container.style.display=(container.style.display == 'inline-block') ? 'none' : 'inline-block';
container.style.visibility=(container.style.visibility == 'visible') ? 'hidden' : 'visible'

我有很多ID要切换,比方说,这是大约24种不同的ID。 当我使用代码时,它运行正常,我只需将#btnClass1更改为#btnClass2和3等,以及#btn1-BlncontainerXd

但是,我觉得使用新的脚本块(一次又一次)构建每个ID效率不高。 在这种情况下,我需要一个简单的脚本来表示网页中的所有ID。 你有其他最好的建议,请

1 个答案:

答案 0 :(得分:2)

您只需要在函数中为buttonSelector和containerSelector添加两个新参数。在你的例子中,你会传入"#btn1-Bln"和" containerXd"对于这些新的参数,分别。然后,使用这些新变量而不是函数体中的硬编码字符串。这将允许您将单个现有功能与任何按钮和容器一起使用。