在没有id的标记内重命名类

Question

Hy有人可以告诉我用javascript将类fb_connect重命名为fb_connect2吗？

<fieldset id="fieldset-ezformstep1">
<h3 class="legend">
<a href="#null" class="fb_connect">Connect to facebook</a>
</h3>
</fieldset>

这应该是结果

<fieldset id="fieldset-ezformstep1">
<h3 class="legend">
<a href="#null" class="fb_connect2">Connect to facebook</a>
</h3>
</fieldset>

感谢

Answer 1

您可以使用：

$(window).load(function(){ // or document ready but i suspect you need to wait for the window loaded event
    $('.fb_connect').toggleClass('fb_connect fb_connect2');
});

Answer 2

如果你正在使用jQuery（通过标签猜测），这是一种可能性：

 $("#fieldset-ezformstep1 > h3.legend > a.fb_connect").attr("class","fb_connect2");

不要忘记等到之后 DOM准备好了。

Answer 3

如果你想在没有jquery的情况下这样做：

var elems = document.getElementsByClassName('fb_connect');

for (var i = 0; i < elems.length; i++) {
    elems[i].className = elems[i].className.replace(/\bfb_connect\b/, 'fb_connect2');
}