我正在对一个相当老的网站进行响应式设计。开发人员设置了如下所示的"nav",没有列表或其他任何内容。移动导航将是垂直的,我不想要"|"字符。我希望在不触碰导航HTML或添加第二个菜单以显示在较小屏幕上的情况下完成此操作。
<div id="mainNav">
<a href="/home">Home</a>|
<a href="/about">About</a>|
<a href="/areas-of-practice">Areas of Practice</a>|
<a href="/in-the-news">In the News</a>|
<a href="/contact">Contact</a>
</div>
我尝试了这行jQuery代码,但它似乎同时删除了“|”和所有的“<p>”标签,导致最终字符串变成了“HomeAboutAreas of PracticeIn the NewsContact”。请问如何只删除“|”而保留其他内容?
$('#mainNav').text(function(index,text){
return text.replace(/[|]/g,'');
});
.text()
方法会剥离所有标签并且只返回文本内容,应该使用.html()
方法代替。 - squill25