如何在template.find（input：hidden [id ='SOME VARIABLE']）声明中使用动态id变量？

Question

我想知道是否有可能做到这样的事情：

在HTML中我有：

<input type="hidden" value="{{productName}}" id="{{productId}}">
<button type="button" class="buyProduct" value="{{productId}}">Buy</button>

在Javascript（Meteor）中我想做：

Template.productsList.events({
    click .buyProduct: function(event, template){
        var idGeneratedByBtnClick = event.target.value;
        console.log(idGeneratedByBtnClick); // it shows the correct ID for each button
        var element = template.find('input:hidden[id='idGeneratedByBtnClick']');
});

我可以使用这样的变量：input:hidden[id='My Variable here'] ???

由于

Answer 1

我认为可以将变量用作字符串。 你能试试吗？

var idGeneratedByBtnClick = event.target.value;
var element = template.find('input:hidden[id=' + idGeneratedByBtnClick + ']');