Javascript 为什么可以'；我的jQuery脚本不能在两个div上使用吗？

因此，当我单击上一个和下一个徽标时，我的网站有jQuery来显示/隐藏div。它在第一个div上运行得非常好，但是当我想在第二个div上应用它时，它在同一个类上不起作用

函数更新项（增量）{
var$items=$（'.group'）.children（）；
var$current=$items.filter（'.current'）；
$current=$current.length？$current:$items.first（）；
var index=$current.index（）+delta；
//检查新索引的范围
索引=（索引<0）？0:（（索引>$items.length）？$items.length:index）；
$current.removeClass（'current'）；
$current=$items.eq（index.addClass（'current'）；
//隐藏/显示下一个/上一个
//$（“.prev”）.toggle（！$current.is（$items.first（））；
//$（“.next”）.toggle（！$current.is（$items.last（））；
}
$（“.next”）。单击（函数（）{
更新项目（1）；
});
$（“.prev”）。单击（函数（）{
更新项（-1）；
});
//原因初选
更新项（0）
.group div{
显示：无；
}
.集团部门当前{
填充顶部：20px；
左侧填充：25px；
右边填充：20px；
显示：块；
边框：3px实心#caa461；
}
下一个
上一篇{
浮动：对；
字体大小：2vw；
填充顶部：10px；
宽度：90px；
高度：35px；
}

第一组

第二组

试试这样的方法

这些箭不知道它们属于谁

第二组箭头上没有“下一个/上一个”类


函数更新项（tgtDiv，delta）{
var$items=$（tgtDiv.children（）；
var$current=$items.filter（'.current'）；
$current=$current.length？$current:$items.first（）；
var index=$current.index（）+delta；
//检查新索引的范围
索引=（索引<0）？0:（（索引>$items.length）？$items.length:index）；
$current.removeClass（'current'）；
$current=$items.eq（index.addClass（'current'）；
}
$（“.next”）。单击（函数（e）{
更新项目（如目标最近（“div”），1）；
});
$（“.prev”）。单击（函数（e）{
更新项（例如，目标最近（“div”），-1）；
});
//原因初选
$（“.group”）。每个（函数（）{
updateItems（此，0）
})
.group div{
显示：无；
}
.集团部门当前{
填充顶部：20px；
左侧填充：25px；
右边填充：20px；
显示：块；
边框：3px实心#caa461；
}
下一个
上一篇{
浮动：对；
字体大小：2vw；
填充顶部：10px；
宽度：90px；
高度：35px；
}

第一组


第二组

您好，谢谢您的回复，代码确实有效，但当我第一次加载网站时，没有显示div 2。我必须单击“下一步”并将其移回以显示分区。您能帮我修复它吗？还有一个我一直在得到空白div，我猜这是因为next和prev标记被检测为div。你能帮我把它也去掉吗？感谢之前的
$（“.group”）.each（function（）{updateItems（this，0）}）谢谢你，最后的空白div怎么样，我是因为下一个和前一个标签被检测为div。你能帮我摆脱它吗？之前谢谢为什么他们会被视为div？我在箭头上将ID改为class next/prev