Как использовать jQuery селектор ID с точками
Столкнулся с задачей, где пришлось даже гуглить, что бы решить. В SharePoint 2013 часто используются id’шники у тегов с точками, пример - id="Ribbon.Table.Design.Style.TableStyles-Large". И тут возникает вопрос – как выбрать этот элемент в коде jQuery? Вариант — $(«a#Ribbon.Table.Design.Style.TableStyles-Large») не подойдет, т.к. id будет считаться только Ribbon, все остальное будет селектором классов.
Решение:
Обратимся к документации jQuery:
To use any of the meta-characters ( such as ! «#$%&'()*+,./:;<=>?@[\]^`{|}~ ) as a literal part of a name, it must be escaped with with two backslashes: \\. For example, an element with id=»foo.bar", can use the selector $(«#foo\\.bar»).
Из документации следует, что надо экранировать точки в ID двойным обратным слешем \\, т.е. получится так:
$("a#Ribbon\\.Table\\.Design\\.Style\\.TableStyles-Large")
Еще один вариант:
$("a[id=’Ribbon.Table.Design.Style.TableStyles-Large’]")
Нашли опечатку в тексте? Пожалуйста, выделите ее и нажмите Ctrl+Enter! Спасибо!
Хотите поблагодарить автора за эту заметку? Вы можете это сделать!
