带有变量insert-method的jQuery DOM插入

时间:2013-11-01 13:23:15

标签: javascript jquery

我的代码使用了一个插入一些HTML代码的jQuery插件。

我可以通过变量设置来更改插入方法。

调用变量:

var options = {insert: 'append'};

我不想那样if条件那样:

if(options.insert === 'append') {
 $('#foobar').append(htmlcode);
}else if (options.insert === 'prepend'){
 $('#foobar').prepend(htmlcode);

......等等。

是否有任何解决方案可以使用给定的varibale方法插入html代码?

1 个答案:

答案 0 :(得分:6)

因为jQuery构造是一个对象,所以可以使用括号表示法来访问函数。试试这个:

$('#foobar')[options.insert](htmlcode);

只要options.insert与函数名称匹配,它就会起作用。

Example fiddle