动态重复元素ID？

Question

我的脚本会动态生成多个无限显示/隐藏区域，如下面的示例所示。我需要弄清楚如何自动创建 ID，然后沿途复制每个 ID。示例：ID1/ID1、ID2/ID2 等

我希望有人能理解我想要做什么。我的代码素养不足以更好地解释它。即使每个 ID 是随机的但重复的，也可以。

谢谢！

<a href="javascript:toggle('ID1')">TEST</a>
<div id="ID1" style="display: none;">
CONTENT HERE
</div>

<a href="javascript:toggle('ID2')">TEST</a>
<div id="ID2" style="display: none;">
CONTENT HERE
</div>

Javascript 部分：

<script type="text/javascript">
function toggle(element) {
document.getElementById(element).style.display = (document.getElementById(element).style.display == "none") ? "" : "none";
}
</script>

Answer 1

只要使用 jQuery，你根本不需要关心 ID。

<a href="javascript:;">TEST</a>
<div id="ID1" style="display: none;">
CONTENT HERE
</div>

<a href="javascript:;">TEST</a>
<div id="ID2" style="display: none;">
CONTENT HERE
</div>

<script>
$(function() {
    $('a').click(function() {
       $(this).next('div').toggle() 
    });
});
</script>

演示：http://jsfiddle.net/vPmE5/