Javascript 重复元素ID';什么是动态的?

Javascript 重复元素ID';什么是动态的?,javascript,dynamic,hide,element,show,Javascript,Dynamic,Hide,Element,Show,我的脚本动态生成多个无限显示/隐藏区域,如下例所示。我需要弄清楚如何自动创建ID,然后一路上复制每个ID。例如:ID1/ID1、ID2/ID2等 我希望有人明白我想做什么。我没有足够的代码知识来更好地解释它。即使每个ID都是随机的,但都是重复的,这也会起作用 谢谢大家! <a href="javascript:toggle('ID1')">TEST</a> <div id="ID1" style="display: none;"> CONTENT HERE &

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

功能切换(元素){
document.getElementById(元素).style.display=(document.getElementById(元素).style.display=“无”)?“”:“无”;
}

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

满足于此
满足于此
$(函数(){
$('a')。单击(函数(){
$(this.next('div').toggle()
});
});

演示:

“我的脚本动态生成多个不受限制的显示/隐藏区域”-请显示脚本的相关部分,而不仅仅是它的(当前或所需)输出。因此,您希望制作一个
ID3
ID4
ID5
(…),每个都有自己的链接和div?我已经为您添加了javascript部分NNNNNN澳航94重型。。。是的,但是为每个字段复制每个ID。。。ID3/ID3、ID4/ID4、ID5/ID5等。它需要自动将ID从“切换”(“…复制到“div ID=”的ID…谢谢TrungDQ…这更接近了,但是我需要通过javascript自动随机生成或增加ID,因为您发布的代码最终将呈现在html页面上…我希望我可以在php页面中输出它,我可以添加一些php代码以获得所需的ID值,但不幸的是我不能。或者当您说我不需要时d为了担心ID,这是否意味着ID根本不会影响jQuery脚本,您可以在我的示例中删除它们,仍然有效。您可能想了解jQuery以了解脚本中发生了什么,它实际上执行“toggle()”下一个div元素。没有时间学习…只需要尽快启动并运行它。谢谢你的帮助。我会用你给我的东西玩一玩。我欠你一杯啤酒什么的!非常感谢。工作完美无瑕……如果可以的话,我会投你一票:)