javascript - jquery 删除匹配的类？

Question

我有一个类似这样的东西的列表

                    <ul>
                        <li>
                            <div class="pack1 active1"><span>$3.99</span></div>
                        </li>
                        <li>
                            <div class="pack2"><span>$5.99</span></div>
                        </li>
                        <li>
                            <div class="pack3 active3"><div id="ribbon"><span>40</span></div><span>$6.99</span></div>
                        </li>
                        <li>
                            <div class="pack4"><span>$10.99</span></div>
                        </li>
                        <li>
                            <div class="pack5"><span>$259.99</span></div>
                        </li>
                    </ul>

我想在点击时删除所有事件*类。我试过做类似 $('*[class^="active"]').removeClass() 的操作，但这不起作用

有什么帮助吗？

Answer 1

好的，我测试了它，即使有多个“active-something”类分配给一个元素，这也绝对有效:

$('[class*="active"]').removeClass(function(i, c) {
  return c.match(/active\d+/g).join(" ");
});

'i' 是匹配元素的索引，'c' 是匹配元素的类属性的值，因此您无需再次“询问”它。 $("...").removeClass() 可以删除该值指定的所有类，因此如果有多个“active-something”类分配给该元素，我们将返回调用 match (使用正则表达式末尾的“g”选项)，然后连接它，以便实际的 removeClass 函数可以相应地处理它。