动态复制元素 ID

Duplicate element ID's dynamically?

本文关键字：ID 元素 复制 动态      更新时间：2023-09-26

我的脚本动态生成多个无限的显示/隐藏区域，如下所示。我需要弄清楚如何自动创建 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>

只需使用 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/

相关文章：