jquery：如何綁定動態div動態按鈕？

Question

我有產品目錄。我需要爲每一個產品，一個按鈕「顯示產品評論」。按鈕之後按div與評論必須出現。div也必須是動態的，所以我可以同時打開幾個或更多的div。我需要某種方式將按鈕和div綁定在一起，也許它們必須在同一個類中。

<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

您可以使用data屬性

<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> 

腳本（加入.btn類的按鈕）：

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

JSfiddle