[jQuery] セレクタで「<」「>」が選択できない

症状

JavaScriptにおいて、「<」「>」は基本的にダメ文字(使用不可)だが、jQueryのセレクタ内で使用すると選択できたりできなかったりすることがある。

原因

そもそも、XHTMLの仕様では「<」「>」は属性値に使ってはいけない。

たまに仕様で許可されてない記号も使えるが、そうしたものが選択できるのはブラウザ依存の偶然でしかない。

対策

こういう文字を使うときは、別の文字に置換でもしないとダメ。例えばDOMロード後に全角の「<」「>」に置換するとか。

参考

[\‘) works, but $(\‘#<buz>\‘) doesn\’t. - jQuery Forum’]);” >
Selector problem: $(‘#\’) works, but $(‘#\’) doesn’t. - jQuery Forum](http://forum.jquery.com/topic/selector-problem-foo-and-bar-works-but-buz-doesn-t-12-4-2010)