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/

动态重复元素ID？

1 个答案: