从正则表达式js中的匹配模式中删除空格
[英]remove spaces from matched pattern in regex js
问题描述
我根据某些条件从HTML元素中删除类。 这是我的正则表达式模式：
elem.className = elem.className.replace(/shake|progress|done/g, '');
但是这种模式的问题是，如果有人添加另一个类，例如shaker ，那也将被删除。 所以我将模式更改为：
elem.className = elem.className.replace(/(^|\s)shake(\s|$)|(^|\s)progress(\s|$)|(^|\s)done(\s|$)/g, '');
现在，仅当整个单词匹配时才将其删除。 但现在它删除了单词周围的空格。 我不确定如何解决此问题。 请帮我解决一下这个。
3 个解决方案
解决方案1
3 已采纳 2017-05-03 06:13:02
这不是正则表达式的工作。 与classList交互。
elem.classList.remove("shake", "progress", "done"); // removes all 3 class values
解决方案2
0 2017-05-03 06:27:47
classList.remove是最好的方法。
这回答了您的问题：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div id="tt" class="eins zwei drei meins">ABC</div>
</body>
<script>
tt.className=tt.className.replace(/\beins|zwei|drei/g, '');
</script>
</html>
解决方案3
0 2017-05-03 06:35:08
我同意其他人的观点， classList是到达这里的方法，但是如果您要匹配整个单词，则可以完成此操作。 在空间上分割className并过滤要删除的类列表中的所有项目：
const classes = elem.className.split(' ');
const remove = ['shake', 'progress', 'done'];
elem.className = classes.filter(cls => !remove.includes(cls)).join(' ');
如何在javascript中删除最后匹配的正则表达式模式
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.