Question

我有时会使用管道来构建快速而脏的html菜单或其他类型的列表分开元素，即：

主页|编辑|等...

我喜欢将管道加粗和着色，并想知道是否有一种快速方法可以选择css样式中的特定字符。（或者JS / jquery）

我知道我可以通过管道周围的跨度做到这一点，但认为能够选择这个角色可能是优雅的。

Answer 1

您可以将回调函数传递给.html()方法，以便为您包含这些字符：

$('p.menu').html(function(i,el) {
    return el.replace(/\|/g, '<span class="sp">|</span>');
});