Jquery: Wie dynamische Schaltfläche mit dynamischen div binden?

Question

Ich habe Produktkatalog. Ich brauche für jedes Produkt einen Button "Produktkommentare anzeigen". Nach Drücken der Taste muss div mit Kommentaren erscheinen.Div muss auch dynamisch sein, damit ich ein paar oder mehrere divs gleichzeitig öffnen kann. Ich brauche das irgendwie bind button und div zusammen, vielleicht müssen sie in der gleichen Klasse sein.

<input type="button" value="Comments" id="<?php echo $productArray[$key] 
["ID"];?>" class="ProductComments"/> 


<div id="<?php echo $productArray[$key]["ID"];?>" class="ProductComments" style="display:none"></div> 

Answer 1

können Sie verwenden data Attribut

<input type="button" value="Comments" data-id="<?php echo $productArray[$key]["ID"];?>" class="ProductComments btn"/> 

<div id="<?php echo $productArray[$key]["ID"];?>" class="ProductComments" style="display:none"></div> 

Script (hinzugefügt .btn Klasse auf die Taste):

$('.ProductComments.btn').click(function(){ 
    var id = $(this).attr('data-id'); 
    $('#'+id).toggle(); 
}); 

JSfiddle