Question

我有产品目录。我需要为每个产品，一个按钮＆＃34;显示产品评论＆＃34;。按下按钮后必须出现带有注释的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

Jquery：如何将动态按钮与动态div绑定？

1 个答案: