Как обратиться к элементу с пробелом в название на Jquery?

Question

[Влад]

Подскажите, пожалуйста.
Данный код работает исправно, но только не в том случае, если переменная selectedskill получает значение состоящие из двух слов, например "два слова".
Видимо мешает пробел.. можно это както исправить?

$('#'+selectedskill).css('background', 'darkseagreen');

Answer 1

[Bowen]

Пробел недопустим. Используйте дефис или нижнее подчеркивание.

Comments

[Алексей]

Как вариант - codepen.io/anon/pen/zBOKzp

Answer 2

[Nikolay Talanov]

Сейчас бы понять, откуда у вас переменные состоящие из двух слов, которые разделены пробелом.
А не работает, ибо получается селектор вида #word1 word2 (то есть элемент word 2 внутри айдишника word1), ну и соответственно ничего подобное querySelector и не находит.

Answer 3

[Алексей]

Пробел, конечно, странное решение, но можно попробовать экранировать его - codepen.io/anon/pen/zBOKzp

Answer 4

[imhuman]

Грамотнее было бы сделать селектор по атрибуту.
$('[attr-id="'+selectedskill+'"]').css('background', 'darkseagreen');
Тогда не будет проблем с пробелами.