使用 Jquery 函数的参数运行不同的结果答案

【问题标题】：Using Jquery function 's argument to run different result使用 Jquery 函数的参数运行不同的结果
【发布时间】：2014-02-14 18:07:29
【问题描述】：

我使用 2 个函数在我的 html 中隐藏和显示所有不同的 div。我正在尝试将参数传递给函数并使用 if 条件来隐藏或显示不同的 div。

这是我的 Jquery 隐藏函数

function HideDivs(content){
   if(content==="list"){
       $("div#temp_block").hide();
   }else if(content==="midbtn"){
       $(".search_midbtns").hide();
   }else if(content==="result"){
       $(".search_result").hide();
   }else if(content==="edit"){
       $("#edit_data").hide();
   }

}

我在文档就绪函数中使用它

HideDivs("result");
HideDivs("midbtns");

但我无法隐藏这些 div。有没有办法做到这一点？我有很多 div 要隐藏和显示。希望这是查看js代码的更好方法。

【问题讨论】：

在小提琴上提供代码
常规函数也请使用驼峰命名法
对不起。我没有把代码放在小提琴上的原因是它是长 Js 文件的一部分。只是试图将所有 $("#id").hide() 替换为更明显的功能

标签： javascript jquery html css

【解决方案1】：

检查您的字符串"midbtns" !== "midbtn" 并检查您的类名是否匹配。

【讨论】：

也认为它的问题.. 以后如果您阅读此评论请注意，使用对象枚举更安全地处理此类事情。例如： var listType = "list" ，比你总是使用这个对象。 ofc 如果您使用 _prototype 函数，将其定义为类变量会更容易。如果你不明白我，只需将它用作全局页面参数。更好的代码阅读和更少的错误:)