javascript - 用正则表达式替换选择索引属性

Question

我有以下 DOM:

<select id="evo_calculatorbundle_ruletype_assertions_0_logicalOperator">...</select>
<select id="evo_calculatorbundle_ruletype_assertions_1_logicalOperator">...</select>

使用 JqueryUI Sortable 组件，我正在对这些选择标签进行排序。排序后，#1 选择被放置在 #0 选择之前。我想根据新的 DOM 重新索引这些选择。

这是我的可排序实例:

// Sortable assertions
$collectionHolder.sortable({
    placeholder: "ui-state-highlight",
    handle: ".handle",
    helper: "original",
    cursor: "move",
    update: function(event, ui) {
        var elements = $collectionHolder.find("tr");
        var count = elements.length;
        console.log(count);

        $(elements).each(function(index) {
            $(this).data('index', index).attr('data-index', index);

            var pattern = '/_[0-9]+_/g';
            var replacement = '_' + index + '_';

            $(this).find('select').each(function(){
                var before = $(this).attr('id');
                var after = $(this).attr('id').replace(pattern, replacement);
                console.log(before + " " + after);

                $(this).attr('id', $(this).attr('id').replace(pattern, replacement));
                $(this).css('border', '3px solid black');
            });
        });
    }
});

替换不起作用，console.log(before + ""+ after) 打印以下内容:

evo_calculatorbundle_ruletype_assertions_1_logicalOperator evo_calculatorbundle_ruletype_assertions_1_logicalOperator
evo_calculatorbundle_ruletype_assertions_0_logicalOperator evo_calculatorbundle_ruletype_assertions_0_logicalOperator

我希望

evo_calculatorbundle_ruletype_assertions_1_logicalOperator evo_calculatorbundle_ruletype_assertions_0_logicalOperator
evo_calculatorbundle_ruletype_assertions_0_logicalOperator evo_calculatorbundle_ruletype_assertions_1_logicalOperator

我的 replace javascript 函数有问题吗？或者我的模式是错误的？

Answer 1

javascript中的正则表达式模式是用斜杠括起来的，如果用单引号括起来，它就变成了一个字符串。

用途:

var pattern = /_[0-9]+_/g;