为自动分配的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中的click事件：

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