Выберите элемент с знаком процента (%) в его идентификатору с JQuery

Question

У меня есть элемент вроде этого:

<a id="my%20id" href="#">hello</a> 

Я отчаянно пытается выбрать его с JQuery, но не может. Я пробовал:

$('a#my id')       // obviously won't work 
$('a#my\ id')       // no such luck 
$('a#my%20id')      // unrecognized expression 
$('a#my\%20id')      // still unrecognized 
$('a#' + encodeURIComponent('my id')) // same thing as 'a#my%20id' 

Можно ли вообще это выбрать с помощью jQuery?

Answer 1

Вы можете использовать селектор атрибутов, давая id в кавычках, чтобы получить точный идентификатор.

Live Demo

$('[id="my%20id"]') 

Answer 2

На самом деле вам нужно много спасаясь здесь:

$("#my\\%20id").text("HI"); 

\% не является действительным побег, вы хотите \\%, который будет бежать правильно и получить правильный идентификатор.

Вы можете проверить an example on jsFiddle.

Answer 3

Используйте надежные document.getElementById:

$(document.getElementById("my%20id")).text(); 

Performance должны быть лучше, чем использовать селектор атрибута, как вы полагаться на родной вызов метода, чтобы найти id. Это немного более многословно, чем другие решения, если это проблема.