jQuery选择器对于Polymer2 shady dom模板不能很好地工作

Question

我的公司使用Bootstrap Tour，它与PolymerV1工作得很好，但在更新到PolymerV2 shady dom版本之后。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
...

所有的都不起作用！有人知道两者之间的区别吗？在Polymer2 shady DOM中使用jQuery还有更好的解决方案吗？

Answer 1

解释器不能区分字符串和变量：

$(#title-Checklist-configurationId-name)

试试这个：

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