jQuery dot en el selector de ID?

Question

Duplicar posible:
How to select html nodes by ID with jquery when the id contains a dot?

Tengo un sitio web que contiene elementos similares a esta:

<p id="root.SomeCoolThing">Some Cool Thing</p> 

no puedo seleccionar el párrafo con jQuery como $('#root.SomeCoolThing') porque jQuery piensa, SomeCoolThing es la clase de un elemento con id="root".

¿Cómo puedo seleccionar este elemento con jQuery? Me gustaría evitar una construcción como esta:

$(document.getElementById('root.SomeCoolThing')) 

Answer 1

utilizar las reglas que escapan de la jQuery selectors API de la siguiente manera:

$('#root\\.SomeCoolThing') 

Desde el docs:

Para utilizar cualquiera de los metacaracteres (como !"#$%&'()*+,./:;<=>?@[\]^`{|}~) como una parte literal de un nombre, debe se escapó con dos barras diagonales inversas: \\. Por ejemplo, un elemento con id="foo.bar", puede usar el selector $("#foo\\.bar").

Answer 2

Puede escapar periodo usando algo como esto

$("#root\\.SomeCoolThing") 

How do I get jQuery to select elements with a . (period) in their ID? http://groups.google.com/group/jquery-en/browse_thread/thread/ba072168939b245a?pli=1

Answer 3

disparar sin apuntar aquí, pero si no se puede cambiar el ID del elemento, intente utilizar este selector:

$("p[id=root.SomeCoolThing]") 

Answer 4

Uso de trabajos attr:

$('p[id="root.SomeCoolThing"]') 

Answer 5

usar dos barras invertidas antes de cada carácter especial

$('#root\\.SomeCoolThing') 

Answer 6

tiene que escapar caracteres especiales:

$('#root\\.SomeCoolThing') 

docs:

Si desea utilizar cualquiera de los metacaracteres (como ! "# $% & '() * +,./:; < =>? @ []^`{|} ~) como parte literal de un nombre, debe escapar del caracter con dos barras diagonales inversas: \\. Por ejemplo, si tiene un elemento con id = "foo.bar",, puede usar el selector $ ("# foo \\. Barra").