Javascript 在jquery中，如何判断一个div是上一个div还是下一个div？

我有5个div，每个div都有相应的id，它们的顺序如下（divele1、divele2、divele3、divele4、divele5）。现在我有两个div id，使用，现在我比较一个div是前一个div还是另一个div的net元素

例：我有第三组和第五组。现在我想将divele5是上一个或下一个元素与divele3进行比较

---

假设所有

div

元素都是同一容器的子元素，对相同的有何建议，如下所示：

<div class="container">
    <div id="divele1">devele1</div>
    <div id="divele2">devele2</div>
    <div id="divele3">devele3</div>
    <div id="divele4">devele4</div>
    <div id="divele5">devele5</div>
</div>

<div id="divele1" class="divele" />

如果

#diveleX

div不是DOM相同级别的同级，则需要为所有div指定一个通用类名，然后在

index（）

方法中使用该名称，如下所示：

<div class="container">
    <div id="divele1">devele1</div>
    <div id="divele2">devele2</div>
    <div id="divele3">devele3</div>
    <div id="divele4">devele4</div>
    <div id="divele5">devele5</div>
</div>

<div id="divele1" class="divele" />

---

~

CSS

选择器

选择下一个出现的兄弟姐妹，因此，如果您可以选择类似于

#diveleX#diveleY

的内容，则表示Y是X的下一个，否则在之前出现

例如：

if（document.querySelector（'#divele3~#divele5'））{
console.log（“divele5在divele3旁边”）；//打印这个
}
否则{
console.log（“divele5在divele3之前”）；
}
if（document.querySelector（'#divele4~#divele3'））{
log（“divele3紧挨着divele4”）；
}
否则{
log（“divele3在divele4之前”）；//打印此
}

#test>div{
边框：1px纯红；
高度：20px；
保证金：5px；
}

1.
2.
3.
4.
5.

您可以使用索引来比较它是在前面还是后面请发布一些代码