如何使用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 example