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

Question

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

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

$('#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')