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;

用regexp替换select索引属性

1 个答案: