删除包含h2-的类

by hezhi

HTML

<ul>
<li class="a h2-a h2-b h2-c h2-d">哈哈</li>
<li class="b h2-a h2-b h2-c h2-d">哈哈</li>
<li class="c h2-a h2-b h2-c h2-d">哈哈</li>
<li class="d h2-a h2-b h2-c h2-d">哈哈</li>
<li class="h2-a h2-b h2-c h2-d">哈哈</li>
</ul>
<button>删除h2-开头的类</button>

CSS

.a{color: #f00;}
.h2-a{font-size:30px}
.h2-b{line-height: 30px;}
.h2-c{background:#ccc;}
.h2-d{border:1px solid #000;}

JavaScript

$(document).ready(function(){
  $("button").click(function(){
  	$("li[class*='h2-']").attr("class",function(i,val){
        //return val.replace(/\s+h2-\w+/g, "");
  		return val.replace(/\s*(h2-[a-z])\s*/g,"");
  	});
  });
});