如何针对特定字符使用jQuery进行样式设计？

Question

我有一系列的双和三字组合，需要使用连字符在过滤的情况下发挥作用，但我不想连字符显示在网页上。因此，我想用jQuery瞄准它们，并改变它们的颜色，使其与页面的背景相结合。

我有一些词，比如社交媒体，内容管理等等，它们出现在这样的上下文中：

<li><a class="filterName" href="#Content-Management">Content-Management</a></li>

我已经能够有效地针对整个单词，但我还不能仅仅针对连字符。

我尝试了以下几点：

$('a.filterName:("\-\")').css("color", "red");

什么是正确的方法来瞄准连字符？

Answer 1

$('a:contains("-")').html(function () {
    return $(this).text().replace('-', '<span class="hideme">-</span>')
})

jsFiddle实例