如何在 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 + ']');