从变量值调用Jquery函数

时间:2015-08-27 13:39:37

标签: javascript jquery

我必须使用变量值调用Jquery函数。

让我们考虑以下情况:

               var func = "append";   
               $(document).func("<div>Append Welcome</div>");
               func = "prepend";   
               $(document).func("<div> Prepend Welcome</div>");
               func = "html";   
               $(document).func("<div> Insert Html Welcome</div>");         

我可以使用if和else但是有任何方法可以实现上述目标。

这是一个很好的方法,或者只是使用if和else吗?

2 个答案:

答案 0 :(得分:3)

可以使用[]语法访问函数,就像对象的常规属性一样:

var func = "append";   
$(document)[func]("<div>Append Welcome</div>");
func = "prepend";   
$(document)[func]("<div> Prepend Welcome</div>");
func = "html";   
$(document)[func]("<div> Insert Html Welcome</div>");      

答案 1 :(得分:2)

您可以使用带括号表示法的变量名来调用函数: https://jsfiddle.net/leojavier/mw4hm5ma/

var app = {
    alert : function(message){
    alert(message)
    }
}
var funcName = "alert"

app[funcName]('this is a message')

我正在创建一个带有方法的对象...然后我可以使用变量值作为该函数的名称ex Object[variable](arguments)

我希望这会有所帮助......

相关问题