JQuery でのカスタム セレクターの記述に関する回答 (たとえば、jQuery セレクターの大文字と小文字を区別しないバージョンの記述) に目を通しましたが、カスタム セレクターが私の問題に対する最善のアプローチであるかどうかはまだ不明です。
テキスト ボックスから入力を取得し、それを既知の用語のリストと比較したいと考えています。比較で大文字と小文字を区別しないようにしたい。これが私がやろうとしていることです:
$('#query').change(function() {
if ($("#query").val() == "kittens") {
$('#change').text("kittens")
}
else if ($("#query").val() == "puppies") {
$('#change').text("puppies")
}
else {
$('#change').text("neither kittens nor puppies")
}
});
ここに JSFiddle があります: http://jsfiddle.net/XcbMQ/
「kittens」と「Kittens」と「KITTENS」は全て子猫の状態に合わせて欲しい。カスタムセレクターがこれを行うための最良の方法であるかどうか、または .is() などを使用できるかどうかは明確ではありません。カスタムセレクターがそれを行うための最良の方法である場合、それをコードにどのように/どこに統合しますか?
アップデート：
これは、dystroy のおかげで動作するコードを含む JSFiddle です: http://jsfiddle.net/XcbMQ/2/