Пробел или регулярка в селекторе Jquery?

Question

[Dimtri]

Есть код, который сравнивает любую опцию в селекте с текстом внутри H1 и задает ей класс при совпадении.

jQuery("select option[value="+jQuery('h1').text()+"]").addClass('myclass');

Если в заголовке и опции текст без пробелов, то всё в порядке.
Если есть пробел, то в консоли получаю ошибку: "Syntax error, unrecognized expression: select option[value=Заголовок страницы]"
Если запятая, даже без пробела - то примерно то же самое: "Syntax error, unrecognized expression: select option[value=Заголовок,страницы]"
Понимаю, что здесь должно помочь регулярное выражение, но я в них не силен. Или, всё же, можно как-то обойтись грамотно составленным селектором?
В любом случае, нужна помощь. Сам не справляюсь :-(

Answer 1

[AUser0]

А если так?

jQuery("select option[value='"+jQuery('h1').text()+"']").addClass('myclass');

Answer 2

[Elvis]

В кавычках запутались

jQuery(`select option[value="${jQuery('h1').text()}"]`).addClass('myclass')

Comments

[Elvis]

Или

jQuery("select option[value='"+jQuery('h1').text()+"']").addClass('myclass')