jquery - 动态选择 jQuery 插件

Question

我有一组 jquery 插件如下： -

fooADD(options)
fooSUB(options)
fooDIV(options)
....

然后我有一个插件，它作用于具有属性 data-plugin=""

因此对于：-

<DIV data-plugin="fooADD">

我想运行代码：-

var item = $('<div/>').fooADD({'option':'value'});

data-plugin我怎样才能做到这一点，以便我可以继续添加新的 foo 插件，无需更新函数查找数组即可从中选择？

Answer 1

演示--> http://jsfiddle.net/zYfWc/

var plugin = $('div').data('plugin');
var item = $('<div/>')[plugin]({'option':'value'});