Javascript 使用循环/数组从div中删除类

我有4个div，具有相同的类和Id。我要查找的是，每当单击

#按钮时，在该特定div上删除
显示none
-类

我现在所做的是为每个div提供一个额外的类名，这样它们对于jQuery就更“容易识别”

这是我的密码：

html

因此，我要寻找的是循环通过
remove-this-1
，
remove-this-2
等，并在单击
remove-btn-1
，
remove-btn-2
等时移除
显示none
类。首先，id（#）值必须是唯一的。我建议您创建唯一的ID

要使用jquery从元素中删除类，可以使用.removeClass（'class\u name'）

对
div
使用另一个类，该div具有
display none
类
给每个按钮赋予相同的类
将它们包装在父对象中
使用
此
实现您的目标
无论何时单击按钮，它都会查找当前单击按钮的类
框
。出于演示目的-我已经将CSS应用于
display none
类，以便您可以看到更改


$（文档）.ready（函数（）{
$（'.button'）。单击（函数（）{
$（this.prev（'.box'）.removeClass（'display-none'）；
});
});
。显示无{
显示：内联块；
填充物：5px；
背景：番茄；
颜色：#fff；
边界半径：3px；
}
.按钮{
显示：内联块；
填充物：5px；
背景：钢蓝；
颜色：#fff；
边界半径：3px；
光标：指针；
}

Lorem ispum 0。。。
删除类
洛雷姆·伊斯普姆1。。。
删除类
洛雷姆·伊斯普姆2。。。
删除类
洛雷姆·伊斯普姆3。。。
删除类
你在找这样的东西吗


$（'.button'）。单击（函数（）{
$（this.next（）.removeClass（'display-none'）；
});
。显示无{
显示：无；
}

下课
单击按钮1时显示我
下课
点击按钮2显示我
下课
单击按钮3显示我
下课
点击按钮4显示我
您不能使用
next
功能吗<代码>$（“#按钮”）.on（'click'，function（）{yourHideFunction（$（this）.next（））；}）
我有4个具有相同类和Id的div，HTML中的标识符必须唯一为什么需要这些索引？
$（'h3#按钮'）。每个
都是完全无效的。Id必须是唯一的。使用唯一Id标识元素。要删除类，可以使用“.removeClass（'class_name'）；”
<div class="parentdiv">
  <h3 id="button">remove class</h3>
  <div class="display-none" id="element">
    Show me on button click
  </div>
</div> 

$('h3#button').each(function(i){
  $(this).addClass('remove-btn-' + (i+1));
});

$('div#element').each(function(i){
  $(this).addClass('remove-this-' + (i+1));
});