JQuery Sortable，针对多个输入字段优化代码

Question

我有 10 个文本输入字段，每个字段都使用 select2 和 jquery 可排序。

实际上，要为每个字段提供可排序功能，我为每个字段都复制了代码，并且效果很好。但正如你所理解的，我会优化它以与 N 个字段一起使用。

我的代码：

    // Sortable
    jQuery("#_posts_1").select2("container").find("ul.select2-choices").sortable({
        containment: "parent", 
        start: function() { jQuery("#_posts_1").select2("onSortStart"); },  
        update: function() { jQuery("#_posts_1").select2("onSortEnd"); } });
    jQuery("#_posts_1").on("change", function() { jQuery("#_posts_1").html(jQuery("#_posts_1").val());});

    [... the same code for each field ...]

    jQuery("#_posts_10").select2("container").find("ul.select2-choices").sortable({
        containment: "parent", 
        start: function() { jQuery("#_posts_10").select2("onSortStart"); }, 
        update: function() { jQuery("#_posts_10").select2("onSortEnd"); } });
    jQuery("#_posts_10").on("change", function() { jQuery("#_posts_10").html(jQuery("#_posts_10").val());});

如何优化独特的功能？ 谢谢

Answer 1

jQuery("[id^='_posts_'").each(function(i,elem){
        $(elem).select2("container").find("ul.select2-choices").sortable({
        containment: "parent", 
        start: function() { $(elem).select2("onSortStart"); },  
        update: function() { $(elem).select2("onSortEnd"); } });
    $(elem).on("change", function() { $(elem).html($(elem).val());});
});