为自动分配的 ID 指定 jQuery？

Question

在 foreach 循环中，我正在创建一些 div（其中的段落来自 mysql 数据库）。我想让它们可点击（/用 jquery 连接它们）。

问题 1：如何创建具有唯一 ID 的 div？

我的解决方案：做一个计数器，使用这个属性id="divclick<?php echo htmlspecialchars($count);?>"

问题2：如何写一个jquery来支持所有的div？

我的未完成解决方案： $(document).ready(function(){ $("#divclick").focus(function(){ $("#buttonoption").animate({width:'toggle'}); });

那么，我如何调整 jquery 以使其对所有 div 做出反应，但根据单击的 div 仅激活一个特定的#buttonoption。

Answer 1

简单。使用共享类和data- 属性。

FIDDLE

<div data-button="<?php echo $count; ?>" id="divclick<?php echo htmlspecialchars($count); ?>" class="sharedclass"></div>

然后你可以像这样在jQuery中绑定点击事件：

$(document).on('click', '.sharedclass', function() {
    $("#buttonoption" + $(this).data('button')).animate({width:'toggle'});
});