Javascript 从无子元素中隐藏或删除内部具有相同类的元素

我需要隐藏或删除，具有相同类的div，但是一对一，实际上我可以一次删除具有相同类的所有div，我不希望这样

问题在于元素不是在容器中被分离的，我想这就是问题所在，但是我需要这个结构，我把我的代码

JQUERY

CSS样式

HTML:

我需要它，当点击跨区域时，关闭那个div，而不是全部，但我需要它与相同的html一起工作，我不知道如何从jquery中做到这一点

---

在advanced中，Thank's，alives

将函数更改为：prev获取上一个同级元素，toggle赋予元素按顺序隐藏和显示的功能

函数关闭\u tabsidc{ $idc.prev.remove； $idc.remove； } 元素 { 位置：相对位置； 宽度：400px； 高度：40px； 左边距：自动； 右边距：自动； 边缘底部：7px； 背景颜色：绿色； } 第一组 第2组 第3组 Div 4要修复代码：

一个页面上不应该有超过1个具有相同id的元素，因此从div元素中删除id=元素 为了使用jQuery轻松地选择元素，我建议使用一个通用类，然后使用越来越多的特定类，例如class=test\u 1或class=test\u 2 由于您使用的是jQuery，因此不必在span元素上使用onclick属性来处理单击事件，您可以使用jQuery更轻松地选择它们，因此从span元素中删除onclick=close\选项卡 在CSS中，将元素的样式从更一般的样式设置为最具体的样式，例如，不要使用元素来设置样式，而是使用更一般的类。对元素进行测试以设置样式 //通过“.test”类选择元素 //并处理他们的点击事件 $'.test'。在“单击”时，函数{ //存储用jQuery包装的元素 var元素=$this； //隐藏元素 元素。隐藏； //隐藏它旁边的元素 element.next.hide； }; .测试{ 位置：相对位置； 左边距：自动； 右边距：自动； 边缘底部：7px； 宽度：400px； 高度：40px； 背景颜色：绿色； } 第一组 第2组 第3组

---

Div 4如果用户单击文本“Div 2”，则应隐藏/删除哪个文本？应该隐藏还是删除？我还需要删除Div 1，当单击span时，在每种情况下都需要删除span，谢谢，这是一个变化。你满意吗？

<script>
function close_tabs(idc)
{
$(idc).parent().hide();
}
</script>

<style>
#elements
{
position:relative;
width:400px;
height:40px;
margin-left:auto;
margin-right:auto;
margin-bottom:7px;
background-color:green;
}
</style>

<div id="elements" class="test_1"></div><span onclick="close_tabs(this)">Div 1</span>
<div id="elements" class="test_1"></div><span onclick="close_tabs(this)">Div 2</span>
<div id="elements" class="test_1"></div><span onclick="close_tabs(this)">Div 3</span>
<div id="elements" class="test_1"></div><span onclick="close_tabs(this)">Div 4</span>