Javascript 将jquery插件函数“映射”到多个DOM元素

Javascript 将jquery插件函数“映射”到多个DOM元素,javascript,jquery,Javascript,Jquery,我正在尝试使用奇妙的jQuery插件将一堆选择框转换为可编辑的 第一步是获取所有选择框的ID。我能够获得帮助以获得适用的选择框ID列表 现在我需要将jquery插件函数“映射”到ID数组。要使用插件,基本命令是: $('#editable-select').editableSelect(); 我试过: var test = []; $( "select" ).each(function() { test.push($(this).attr('id')) }); $( "se

我正在尝试使用奇妙的jQuery插件将一堆选择框转换为可编辑的

第一步是获取所有选择框的ID。我能够获得帮助以获得适用的选择框ID列表

现在我需要将jquery插件函数“映射”到ID数组。要使用插件,基本命令是:

$('#editable-select').editableSelect();
我试过:

 var test =  [];

$( "select" ).each(function() {
    test.push($(this).attr('id'))
});



$( "select" ).each(function() {
    test.push($(this).attr('id'))
});

  test.each(function() {
    $(this).editableSelect();
});

如何将插件函数“映射”到适当的select box DOM元素?

我认为这应该可以

$('select').each(function() {
    $(this).editableSelect();
});
。。。但是在看了这个插件之后,它不需要选择器只获取一个jQuery对象,这是完全有意义的,所以它更容易

$('select').editableSelect();
。。。这两种选择都可行,但显然第二种选择是可行的。这里你有一个小提琴的例子

注意:。每个都是只能应用于jQuery对象的jQuery函数。这就是为什么不能将它应用到测试javascript数组测试中的原因。每个测试都不能工作


我希望它有助于测试。每个都不是一个函数。您可以使用test.forEach。另外,我建议您使用参数来获取元素。比如:test.forEachfunctionel{el.editableSelect;};还有,为什么相同的代码$select.eachfunc….有两倍?如果您不想重用数组,我认为$select.editableSelect可以工作。我不知道这个插件,但通常,当你从jquery调用函数时,每个匹配的元素都会被调用。很抱歉,这个插件不起作用。基于,似乎需要选择一个id。抱歉,此操作无效。基于,它似乎需要选择一个id。@user61629是的,它可以工作。。。在看了插件之后,你甚至不需要它。每个插件都可以工作,但你不需要它。我已经编辑了答案。是否在$document.ready函数中应用此函数?你有任何控制台错误吗?谢谢,我很感激你看到这个。我的用例稍微复杂一点。我将重新提出一个更高级的问题。我试图把它归结为一个更简单的问题。