重命名没有标识的标签内的类

Question

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

<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'); 
}