javascript - “映射”jquery 插件函数到多个 DOM 元素

Question

我正在尝试使用出色的 jQuery 插件将一堆选择框转换为可编辑:https://github.com/indrimuska/jquery-editable-select .

第一步是获取所有选择框的id。我能够得到帮助 Build an array of ids of all select boxes获取适用的选择框 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();
});

如何将插件功能“映射”到适当的选择框 DOM 元素？

Answer 1

我认为这应该可行...

$('select').each(function() {
    $(this).editableSelect();
});

...但是在查看插件后，它不需要选择器只获取一个 jQuery 对象(完全有意义)，所以它更容易...

$('select').editableSelect();

...两种选择都有效，但显然第二种方法是可行的。在这里你有一个例子......

https://fiddle.jshell.net/1cuy7gsg/

注意:.each() 是一个只能应用于 jQuery 对象的 jQuery 函数。这就是为什么您不能将它应用于您的 test javascript 数组(test.each 无法工作)。

希望对你有帮助