javascript - 使用替换方法替换 innerHTML 以及在 Javascript 中不起作用的正则表达式

Question

我有这个从后端生成的菜单。该脚本将“>>”添加到当前菜单项，如下所示。

        <ul class="links">                      
                    <li class="active"><a href="news-265.html" style="color: white;">News &amp; Views</a> » </li>

                    <li><a href="facts-269.html">Quick Facts </a>  </li>

                    <li><a href="media-releases-268.html">Media Releases</a>  </li>

                    <li><a href="gallery-270.html">Photo Gallery</a>  </li>

                    <li><a href="social-media-271.html">Social Media Channels</a>  </li>

                    <li><a href="contacts-272.html">Media Contacts </a>  </li>
                    </ul>

根据我在 nettuts 上看到的教程，我尝试使用 JavaScript 使用替换方法和正则表达式将 >> 替换为空字符串

这是我的javascript函数

 (function(){
  var elm = $('.active');  
  elm = elm[0].innerHTML;   
  elm.replace(/>>/,"");   
})();

任何提示将不胜感激。谢谢。这是我的 JSBIN 的链接

Answer 1

http://jsbin.com/ipenARe/8/edit

$(function(){
 var elm = $('.active'); 
 var txt=elm.html();
 elm.html(txt.replace(/»/,""));   
});

使用纯 JS，http://jsbin.com/ipenARe/10/edit

 (function(){
       var elm =document.getElementsByClassName('active')[0]; 
       var txt=elm.innerHTML;
       elm.innerHTML=txt.replace(/»/,"");   
 })();