如何針對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