动态选择jQuery插件

Question

我有一组jquery插件如下： -

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

然后我有一个插件，它使用属性data-plugin =“”

作用于a

所以： -

<DIV data-plugin="fooADD">

我想运行代码： -

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

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

Answer 1

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

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