怎么用正则去删除相关的class?

目前有部分class名为:

laytable-cell-1-id
laytable-cell-1-sort
laytable-cell-1-title

请问怎么利用正则removeClass去删除这些匹配的class?
顺便求正则表达式

阅读 3.8k
3 个回答
<!DOCTYPE html>
<html lang="cmn-hans">

<head>
    <meta charset="utf-8">
    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <!-- some meta tags, important for SEO"-->
    <meta name="description" content="put a short description in here" />
    <meta name="keywords" content="put your important keywords in here" />
    <title></title>

</head>

<body>
    <div class="laytable-cell-1-id icon">图标移动</div>
    <div class="laytable-cell-1-id">图标移动</div>
    <div class="laytable-cell-1-id">图标移动</div>
    <div class="laytable-cell-1-id">图标移动</div>
    <a href="javascript:void(0)" class="laytable-cell-1-id a-class"></a>
</body>
<script type="text/javascript">
var elements = document.querySelectorAll("*[class^='laytable']");
[].forEach.call(elements,function(item){
    item.className=item.className.replace(/laytable\-cell\-1\-(id|sort|title)\b/g,'')
})
</script>

</html>
var reg = /\blaytable\-cell\-1\-(id|sort|title)\b/g
var classStr = 'laytable-cell-1-id scd dd laytable-cell-1-sort laytable-cell-1-title2 laytable-cell-2-title laytable-cell-1-title'
classStr.replace(reg, '') // " scd dd  laytable-cell-1-title2 laytable-cell-2-title "

clipboard.png

闲着无聊答一下正则当练习。
匹配laytable-cell-1-任意个数小写英文:

('laytable-cell-1-wsdjk289 3202laytable-cell-1-w21 active').replace(/(laytable-cell-1-[a-z]+)/g,'')

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题