html - IDにシンボルを含むScrollspy

Question

scrollspy は完璧に動作していますが、ID にプラス記号 (+) が含まれるアイテムもスキップします。ID をトリミングする以外に回避策はありますか? 私は SEO の理由から ID の + 記号を好みます。ID は動的に生成され、他のコードで再利用されるため、この方法を維持することを好みます。

<nav id="sidebarnav">
    <ul class="nav">
        <li class="active"><a href="#works">works</a></li> 
        <li><a href="#skip+it">Skip it</a></li> <!-- thisone it will skip -->
        <li class=""><a href="#also">also</a></li> 
        <li class=""><a href="#this">this</a></li>
    </ul>
</nav>