Kimlik bir nokta içerdiğinde jquery ile kimliğe göre html düğümleri nasıl seçilir?

Benim html böyle görünüyorsa:

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

JQuery ile # SearchBag.CompanyName'i nasıl seçebilirim? İşe yarayamıyorum ve her şeyi kıran noktadan korkuyorum. Can sıkıcı şey, tüm kimlikleri yeniden adlandırmak, okunabilirlikteki kayıptan bahsetmemek için çok iş olacak.

Not:
Lütfen tabloların yerleşim için nasıl oluşturulmadığı hakkında konuşmaya başlamayalım. CSS'nin değeri ve eksikliklerinin çok farkındayım ve mümkün olduğunca kullanmaya çalışıyorum.

@Tomalak yorumlarda:

Kimlik seçicilerin önüne bir karma # eklenmelidir, burada belirsizlik olmamalıdır

“# İd.class”, hem id hem de ayrı bir sınıfın eşleşmesini gerektiren geçerli bir seçicidir; geçerlidir ve her zaman tamamen yedekli değildir.

Bir hazır bilgi '' seçmenin doğru yolu. CSS kaçmak için: "#id \ .moreid". Bu, bazı eski tarayıcılarda (özellikle IE5.x) sorunlara neden olur, ancak tüm modern masaüstü tarayıcıları bunu destekler.

Ben tam olarak test etmedi rağmen aynı yöntem jQuery 1.3.2 çalışıyor gibi görünüyor; quickExpr bunu almaz, ancak daha fazla dahil olan seçici ayrıştırıcı bunu doğru yapar gibi görünüyor:

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

Bir varyant şu olurdu:

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

Kullanırsanız hiçbir şeyden kaçmanıza gerek yoktur document.getElementById:

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

getElementById girdinin yalnızca bir id niteliği olduğunu varsayar; bu nedenle nokta, sınıf seçici olarak yorumlanmaz.

Kısa Yanıt : id = değerine sahip bir öğeniz "foo.bar"varsa seçiciyi kullanabilirsiniz$("#foo\\.bar")

Daha Uzun Cevap : Bu, burada bulabileceğiniz jquery belgelerinin - bölüm seçicilerinin bir parçasıdır: http://api.jquery.com/category/selectors/

Sorunuz doğrudan dokümantasyonun başında cevaplanmaktadır:

Meta karakterlerden herhangi birini (ör. 
! "# $% & '() * +,. /:;? @ [\] ^` {|} ~) 
bir ismin gerçek bir parçası olarak, 
iki ters eğik çizgi: \\. Örneğin, id = "foo.bar" olan bir öğeniz varsa,
$ ("# foo \\. bar") seçicisini kullanabilirsiniz. W3C CSS spesifikasyonu şunları içerir:
geçerli CSS seçicileriyle ilgili kuralların tamamı. Ayrıca yararlı
tanımlayıcılar için CSS karakter kaçış dizileri üzerinde Mathias Bynens tarafından yazılmış blog girişi.

kimliğiniz bir değişkende olduğunda attr seçimi uygun görünüyor:

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

Bu, jQuery seçici API'sında belgelenmiştir :

Meta-karakterler (örneğin herhangi birini kullanmak için !"#$%&'()*+,./:;<=>?@[\]^`{|}~bir isim bir hazır parçası olarak), iki ters eğik çizgi ile birlikte öncelenmelidirler: \\. Örneğin, ile bir öğe id="foo.bar"seçiciyi kullanabilir $("#foo\\.bar").

Kısacası, öneki .ile \\.

$('#SearchBag\\.CompanyName')

Sorun şu ki .bir sınıfla eşleşecek, yani $('#SearchBag.CompanyName')eşleşecekti <div id="SearchBag" class="CompanyName">. Kaçan karakter, özel bir önemi olmayan, arzu ettiğiniz kimlikle eşleşen \\.bir normal olarak ele alınacaktır ..

Bu !"#$%&'()*+,./:;<=>?@[\]^`{|}~, aksi takdirde jQuery'de seçici olarak özel bir öneme sahip olan tüm karakterler için geçerlidir .

Daha genel bir çözüm arayan çocuklar, herhangi bir özel karakterden önce bir ters eğik çizgi ekleyen bir çözüm buldum, bu özel karakterler içeren bir div'den isim ve kimlik alma ile ilgili sorunları çözüyor.

"Str1.str2% str3" .replace (/ [^ \ w \ s] / gi, '\\ $')

"Str1 \\. str2 \\% str3" değerini döndürür

Umarım faydalıdır!

Bir özellik seçici kullanabilirsiniz:

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

Veya öğe türünü belirtebilirsiniz:

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