パイプを使用して、手早く汚い html メニューやその他の種類のリストを作成することがあります。要素を分離する、つまり:
ホーム | 編集 | 等...
私はパイプを太字にして色付けするのが好きで、css スタイルで特定の文字をすばやく選択する方法があるかどうか疑問に思っています。(または多分 JS/jquery)
パイプの周りのスパンでこれを行うことができることは知っていますが、この文字だけを選択できるのはエレガントかもしれないと思いました.
メソッドにコールバック関数を渡して、.html()
これらの文字をスパンでラップできます。
$('p.menu').html(function(i,el) {
return el.replace(/\|/g, '<span class="sp">|</span>');
});