jquery请问怎么一次过删除.list*的类css？

例子代码如下：
<body>
<script type="text/javascript" src="http://localhost/leb/auto/js/jquery-latest.js"></script>
<script type="text/javascript">
function delcss(){
$("div").removeClass("list*"); // list*不能用，怎么才能匹配所有的list*类，一次过删除？
}
</script>
<div class="bd list1">1111</div>
<div class="bd list2">1111</div>
<div class="bd list8">1111</div>
<div class="bd list16">1111</div>
<div class="bd list43">1111</div>
<div class="bd list11">1111</div>
<div class="bd list18">1111</div>
<button onclick="delcss()">删除list类</button>
</body>

解决方案 »

  1.   

    $("div").removeClass() //删除全部$("div").removeClass("list1 list2 list3") //删除class list1， list2， list3
      

  2.   


     function delcss(){
              $("div").each(function(){
                  var self  = this;
                  $.each( $(self).attr("class").split(" "),function(){
                        var str = this.toString();
                        var regx = /^list\w*$/g;
                        if(regx.test(str)){
                            $(self).removeClass(str);
                            return false;
                        }
                   });
               });
          }
      

  3.   

    $("div").each(function(){
    this.className = this.className.replace(/\blist[\w\d]*\b/g, '');
    });