如何在不更改 "span" 的情况下将 "span3" 替换为 "col3"？

Question

<span class="span3"></span><span class="span4"></span>
<span class="span5"></span><span class="span6"></span>

到

<span class="col3"></span><span class="col4"></span>
<span class="col5"></span><span class="col6"></span>

如何在不更改 span 的情况下将 span* 替换为 col*？

编辑 1： 我的问题是如何在不更改 span 的情况下将 span3 转换为 col3，因为我不知道 </code> 或 <code> 当我是新手时表达。我当时的解决办法是把span换成col，这样也会影响span。

Answer 1

只需进行简单的查找和替换。捕获括号内CSSclass的个数，然后用这个捕获组替换

Find:    class="span(\d)"
Replace: class="col"

Answer 2

您需要将 Id 属性添加到您的 span 标记中。例如：

<span class="span3" id="myspan"></span>

接下来，使用 JavaScript 或类似的（我包含的示例是 JavaScript），您可以用这两行替换：

var elem = document.getElementById("myspan");
elem.setAttribute('class',"col3");

Answer 3

如果您正在使用 JQuery，请使用方法 switchClass()。

$("span.span3").switchClass('span3', 'col3');