Wie verwendet man eine dynamische ID-Variable in einer template.find (input: hidden [id = 'SOME VARIABLE']) Deklaration?

Question

Ich möchte wissen, ob es so etwas wie dies möglich zu tun ist: HTML

In ich habe:

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

In Javascript (Meteor) Ich will tun:

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

Kann ich eine Variable verwenden so: input:hidden[id='My Variable here'] ???

Dank

Answer 1

Ich denke, es verfügbar ist die Variable als Zeichenfolge zu verwenden. Könnten Sie es versuchen?

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