javascript - 使用正则表达式替换引导列类

Question

我正在尝试替换 div 上的 Bootstrap 列。我正在为此使用以下正则表达式。

string.replace("\bcol-\w+-\d+","col-sm-3")

我尝试确认正则表达式匹配 here .看起来不错。但是字符串没有被替换。这是一个示例片段。我做错了什么？

var string = "col-sm-12 webpage-element-drop ui-sortable ui-droppable selected";

var res = string.replace("\bcol-\w+-\d+","col-sm-3");
alert(res);

Answer 1

除了@T.J.克劳德的回答，使替换更准确:

var str = "foo-col-sm-12 col-sm-12 webpage-element-drop ui-sortable ui-droppable selected";

var res = str.replace(/(^|\s+)col-\w+-\d+(\s+|$)/, "$1col-sm-3$2");
console.log(res);

开头的捕获组 (^|\s+) 匹配字符串的开头或空格，并插入到替换中 $1 占位符的位置字符串。同样，末尾的 (\s+|$) 匹配空格或字符串的末尾，并插入到 $2 所在的替换中。