Селектор jQuery не очень хорошо работает для шаблона Polymer2 Shady Dom

Question

Моя компания использует Bootstrap Tour, который прекрасно работает с PolymerV1, но после обновления до версии PolymerV2 в тени. Селектор jQuery работает не очень хорошо. Например: если использовать этот способ:

// ConfigurationId автоматически генерируется для этого элемента

$('#title-Checklist-'+configurationId+'-name') // doesn't work
$('title-Checklist-382757-name') // doesn't work too

Однако при использовании:

$('[id=title-Checklist-' + configurationId + '-name]')[0]; // it works

Я пробовал другие селекторы, такие как:

this.shadowRoot.querySelector,
document.getElementById
this.$.title-Checklist-configurationId-name
...

Все не работает! Кто-нибудь знает, в чем разница между двумя? Или есть ли лучшее решение для использования jQuery в Polymer2 Shady DOM?

Answer 1

Интерпретатор не может определить разницу между строками и переменными в:

$(#title-Checklist-configurationId-name)

Попробуй это:

$('#title-Checklist-'+configurationId+'-name')