我有时会使用管道构建快速而肮脏的 html 菜单或其他类型的列表 | 分离元素,即:
主页 | 编辑 | ETC...
我喜欢使管道变得粗体和彩色,并想知道是否有一种快速的方法来选择 css 样式中的特定字符。(或者可能是 JS/jquery)
我确实知道我可以用管道周围的跨度来做到这一点,但我认为能够只选择这个角色可能很优雅。
您可以将回调函数传递给该.html()
方法,以便为您将这些字符包装在 span 中:
$('p.menu').html(function(i,el) {
return el.replace(/\|/g, '<span class="sp">|</span>');
});