IDにドットが含まれている場合、jqueryを使用してIDでHTMLノードを選択する方法

私のhtmlがこのように見えた場合：

<td class="controlCell">
    <input class="inputText" id="SearchBag.CompanyName" name="SearchBag.CompanyName" type="text" value="" />
</td>

JQueryで＃SearchBag.CompanyNameを選択するにはどうすればよいですか？私はそれを機能させることができず、それがすべてを壊しているのはドットだと心配しています。煩わしいのは、すべてのIDの名前を変更することは、読みやすさの低下は言うまでもなく、多くの作業になるということです。

注：
レイアウト用にテーブルが作成されない方法について話を始めないでください。私はCSSの価値と欠点を十分に認識しており、CSSをできる限り使用するように努めています。

コメントの@Tomalak：

IDセレクターの前にはハッシュ＃を付ける必要があるため、ここにあいまいさはありません。

「＃id.class」は、一致するIDと個別のクラスの両方を必要とする有効なセレクターです。これは有効であり、常に完全に冗長であるとは限りません。

リテラル「。」を選択する正しい方法 CSSでは「#id \ .moreid」をエスケープします。これは一部の古いブラウザー（特にIE5.x）で問題を引き起こしていましたが、最新のすべてのデスクトップブラウザーでサポートされています。

同じメソッドはjQuery 1.3.2でも機能するようですが、徹底的にテストしていません。quickExprはそれを拾いませんが、より複雑なセレクターパーサーはそれを正しく理解しているようです：

$('#SearchBag\\.CompanyName');

1つのバリエーションは次のようになります。

$("input[id='SearchBag.CompanyName']")

使用すれば、何もエスケープする必要はありません document.getElementById。

$(document.getElementById('strange.id[]'))

getElementById 入力は単なるid属性であると想定しているため、ドットはクラスセレクターとして解釈されません。

短い答え：id =の要素"foo.bar"がある場合は、セレクターを使用できます$("#foo\\.bar")

より長い答え：これはjqueryドキュメントの一部です-セクションセレクターはここで見つけることができます：http : //api.jquery.com/category/selectors/

ドキュメントの冒頭で質問に回答します。

メタ文字（たとえば、 
！ "＃$％＆ '（）* +、。/：;？@ [\] ^` {|}〜） 
名前のリテラル部分として、文字をエスケープする必要があります 
2つのバックスラッシュ：\\。たとえば、id = "foo.bar"の要素がある場合、
セレクター$（ "＃foo \\。bar"）を使用できます。W3C CSS仕様には、
有効なCSSセレクターに関するルールの完全なセット。また便利です
識別子のCSS文字エスケープシーケンスに関するMathias Bynensによるブログエントリ。

IDが変数内にある場合、attrの選択が適切であると思われます。

var id_you_want='foo.bar';
$('[id="' + id_you_want + '"]');

これはjQueryセレクターAPIに文書化されています：

!"#$%&'()*+,./:;<=>?@[\]^`{|}~名前のリテラル部分としてメタ文字（など）を使用するには、 2つのバックスラッシュでエスケープする必要があります\\。たとえば、を含む要素は id="foo.bar"、セレクターを使用できます$("#foo\\.bar")。

つまり、接頭辞にを.付け\\ます。

$('#SearchBag\\.CompanyName')

問題は.、クラスと一致するため、$('#SearchBag.CompanyName')と一致すること<div id="SearchBag" class="CompanyName">です。エスケープ\\.された.は、特別な意味を持たない通常として扱われ、希望するIDと一致します。

これは!"#$%&'()*+,./:;<=>?@[\]^`{|}~、jQueryのセレクターとして特別な意味を持つすべての文字に適用されます。

より一般的な解決策を探している人、特殊文字の前にバックスラッシュを1つ挿入する解決策を見つけました。これにより、特殊文字を含むdivから名前とIDを取得することに関連する問題が解決します。

"Str1.str2％str3" .replace（/ [^ \ w \ s] / gi、 '\\ $＆'）

「Str1 \\。str2 \\％str3」を返します

これが役立つことを願っています！

属性セレクターを使用できます。

$("[id='SearchBag.CompanyName']");

または、要素タイプを指定できます。

$("input[id='SearchBag.CompanyName']");