Javascript 如何在ejs模板中为for循环中的每个html元素创建唯一的id？ $（文档）.ready（函数（）{ $（'hiddentext'）.hide（）； $（“#显示”）。单击（函数（）{ $（'#currenttext'）.hide（）； $（'hiddentext'）.show（）； }); }); 显示

在我的

for

循环中有多个显示按钮及其关联的HTML元素。我在为每个HTML元素创建唯一的

id

s时遇到问题。现在，单击任何一个show按钮，该功能将应用于所有其他HTML元素，而不是仅应用于其关联的元素。我还有一个唯一的

\u id

属性

ans

，即

ans.\u id

，但我不知道如何利用它为我的HTML标记创建一个唯一的id，以及如何在我的jQuery函数中使用该唯一id。

不需要id

$（文档）.ready（函数（）{
$（'.hiddentext'）.hide（）；//可以在CSS中完成
$（“.show”）。单击（函数（）{
$（this.prevAll（'.currenttext'）.hide（）；
$（this.prevAll（'.hiddentext'）.show（）；
//或$（this.sibbines（）.toggle（），如其他帖子中所建议的
});
});

显示

不需要ID

$（文档）.ready（函数（）{
$（'.hiddentext'）.hide（）；//可以在CSS中完成
$（“.show”）。单击（函数（）{
$（this.prevAll（'.currenttext'）.hide（）；
$（this.prevAll（'.hiddentext'）.show（）；
//或$（this.sibbines（）.toggle（），如其他帖子中所建议的
});
});

显示

使用css隐藏隐藏的内容，以便在页面加载时立即隐藏

将每个组包装在一个容器中，并使用类和遍历

$（'.show'）。单击（函数（）{
$（this.sides（）.toggle（）；
})

.hiddentext{
显示：无
}

答案#1
描述#1
显示
答复#2
描述#2
显示
答案#3
描述#3
显示

使用css隐藏隐藏的内容，以便在页面加载时立即隐藏

将每个组包装在一个容器中，并使用类和遍历

$（'.show'）。单击（函数（）{
$（this.sides（）.toggle（）；
})

.hiddentext{
显示：无
}

答案#1
描述#1
显示
答复#2
描述#2
显示
答案#3
描述#3
显示

或

或
我也在考虑切换，但他们不是兄弟，直到我让他们成为兄弟，然后我忘记了切换；）-如果没有，可能会更优雅changes@Lu伊斯梅洛这是怎么回事？该链接无效…返回一个404，我也在考虑切换，但他们不是兄弟，直到我使他们成为兄弟，然后我忘记了切换；）-如果没有，可能会更优雅changes@Lu伊斯梅洛这是怎么回事？该链接无效…返回404