【发布时间】:2012-08-22 17:32:41
【问题描述】:
我有时会使用管道创建快速而肮脏的 html 菜单或其他类型的列表 |分隔元素,即:
首页 |编辑 |等等……
我喜欢使管道变得粗体和彩色,并想知道是否有一种快速的方法来选择 css 样式中的特定字符。 (或者可能是 JS/jquery)
我知道我可以通过管道周围的跨度来做到这一点,但我认为能够只选择这个角色可能会很优雅。
【问题讨论】:
我有时会使用管道创建快速而肮脏的 html 菜单或其他类型的列表 |分隔元素,即:
首页 |编辑 |等等……
我喜欢使管道变得粗体和彩色,并想知道是否有一种快速的方法来选择 css 样式中的特定字符。 (或者可能是 JS/jquery)
我知道我可以通过管道周围的跨度来做到这一点,但我认为能够只选择这个角色可能会很优雅。
【问题讨论】:
您可以将回调函数传递给 .html() 方法,以便为您将这些字符包装在 span 中:
$('p.menu').html(function(i,el) {
return el.replace(/\|/g, '<span class="sp">|</span>');
});
【讨论】:
i 和 el 参数在做什么?
i 是被操作元素的(从零开始的)索引号,而 el 是原始字符串(我应该命名为str,但现在为时已晚)。