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(); 
}); 

...しかし、プラグインを見た後、それは（総理にかなって）ちょうど1 jQueryオブジェクトを取得するには、セレクタを必要とせず、それはさらに簡単です...

$('select').editableSelect(); 

...両方のオプションが動作しますが、明らかに2番目の方法があります。ここでは、例とフィドル...

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

を持っNOTE：.each()だけのjQueryオブジェクトに適用することができますjQueryの関数です。そのため、あなたのtest JavaScript配列には適用できません（test.eachは動作しません）。

私はそれが役に立ちそうです