javascript - 在没有 id 的标签内重命名类

Question

有人可以告诉我用 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');
}