css - 文本字符串中的特殊性

Question

我喜欢认为我非常擅长具体化，但出于某种原因，我忽略了这一点。这是我的难题:

假设你有一个这样的列表:

<ul class="dates">
    <li><a href="#">1994/05</a></li>
    <li><a href="#">1999/05</a></li>
    <li><a href="#">2001/05</a></li>
    <li><a href="#">2005/05</a></li>
    <li><a href="#">2014/05</a></li>            
</ul>

css(样式方面，而不是特性方面)在这里有点无关紧要，所以我将跳过它。但基本上，它看起来像这样:

我的意思是，我想定位“月份部分”，即 05。我希望它小几个像素。这些是我失败的尝试。它们甚至可能不存在，你可以随心所欲地笑，但这总比对着电脑大喊大叫要好，因为它没有做我想让它做的事，哈哈。

Answer 1

您可以使用 jQuery 将月份包装在 span 元素中，如下所示:

$('.dates > li > a').html(function(i,oldHTML){
  return oldHTML.replace(/[/](\d{1,2})/, "/<span class='month'>$1</span>");
});

Demo.