Jak uciec ":"?

Question

na przykład mam id jak

someform: somepanel: somebutton

Kiedy zrobić jQuery ("# someform: somepanel: somebutton") powraca someform jak do AUTOMATYCZNIE ucieczkę że ID?

EDIT:

Chcę zrobić coś takiego

jQuery(somefunction("#someform:somepanel:somebutton")) 

Answer 1

Jeśli jest to tylko ta bardzo specjalistyczna wersja, można po prostu .replace() postać.

function somefunction(selector) { 
    return selector.replace(/:/, '\\\\:'); 
} 

jQuery(somefunction("#someform:somepanel:somebutton")) 

jest następnie przekształcany

jQuery("#someform\\:somepanel\\:somebutton"); 

Aby mieć wersję bardziej ogólne, można użyć wyrażenia regularnego:

function somefunction(selector) { 
    return selector.replace(/(!|"|#|\$|%|\'|\(|\)|\*|\+|\,|\.|\/|\:|\;|\?|@)/g, function($1, $2) { 
     return "\\\\" + $2; 
    }); 
} 

Answer 2

Spróbuj:

jQuery("#someform\\:somepanel\\:somebutton") 

Answer 3

wykorzystać podwójne ukośniki:

jQuery("#someform\\:somepanel\\:somebutton") 

pokrewne:

• jQuery selector value escaping
• When do I need to escape metacharectars? (jQuery Selectors)

• http://api.jquery.com/category/selectors/

  • Jeśli chcesz użyć dowolnego z meta-znaków (takich jak !"#$%&'()*+,./:;?@[\]^{|}~) jako dosłowne część nazwy, ty musi uciec z postacią z dwoma ukośnikami: \\. Na przykład, jeśli masz element z id="foo.bar", możesz użyć selektora $("#foo\\.bar"). W specyfikacji W3C CSS zawiera complete set of rules regarding valid CSS selectors.

---

Aktualizacja # 1

Po komentarz w odniesieniu do auto ucieczki najlepszą metodę widzę jest stworzenie funkcji w obiekcie String tak jak

String.prototype.escape = function() 
{ 
    return this.replace(/([ #;&,.+*~\':"!^$[\]()=>|\/])/g,'\\$1') 
} 

można również w szczególności zdefiniować functi na za dwukropkiem tak:

String.prototype.escape_colon = function() 
{ 
    return this.replace(/:/,'\\$1') 
} 

i używać tak:

jQuery("someform:somepanel:somebutton".escape()) 

ale będzie to powodować problemy na selektorów pseudo takich jak:

jQuery("someform:somepanel:somebutton:first".escape()) 

selektor :first będzie uciekł i dlatego nie znajdziesz swojego elementu.

ale y nasze najlepiej będzie zbudować parser ciąg w prototypu do zastąpienia, jeśli stwierdzi, określonego zestawu znaków takich jak:

jQuery("someform(_e(:))somepanel(_e(:))somebutton:first".escape()) 

W ten sposób można określić, co chcesz uciec, ale gdyby tak było, równie dobrze możesz uciec przed nimi samemu.

Answer 4

Stworzyłem funkcję ucieczki dwukropek dla JSF w jQuery :

//USAGE: $(espaceIdForJSF('#someId:anotherId')); 
function escapeIdForJSF(id) { 
    return id.replace(/:/g,"\\:").replace(/\./g,"\\."); 
} 

Answer 5

Użyj tej sztuczki: jQuery($('myid'))

Powód: Używam "prototypu" do wyszukania elementu według identyfikatora, a następnie przekazuję wynik do jQuery.

Zalety: łatwiejsze do odczytania. Minusy: potrzebny prototyp i jQuery, ale RichFaces i tak używa prototypu.

Answer 6

Jeśli używasz PrimeFaces, mają poręczną funkcję pomocnika właśnie do tego:

escapeClientId (ID) - ucieczce identyfikatory JSF z pół jelita do pracy z jQuery.

nazwać:

PrimeFaces.escapeClientId("someform:somepanel:somebutton") 

która zwraca:

#someform\\:somepanel\\:somebutton 

Wewnętrznie, to po prostu wywołuje replace(/:/g,"\\:") i dodaje #, więc można użyć tego, too.