javascript - 如何在 template.find 中使用动态 id 变量(输入 :hidden[id ='SOME VARIABLE' ]) declaration?

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