javascript - 检查具有特定类名的 div 是否作为 NEIGHBOR 并排存在

Question

使用 jQuery 或纯 JS

例如:

<div class="mydivclass">Some Text1</div>
<div class="am I beside mydivclass ???">Some Text2</div>

Answer 1

使用“+”运算符。

这是一个示例，您可以看到只有第二个是绿色的，因为它紧接在第一个 div 之后。

.first, .second, .third {
  width: 100px;
  height: 20px;
  background-color: red;
}
.first + .second {
  background-color: green;
}
.first + .third {
  background-color: green;
}

<div class="first"></div>
<div class="second"></div>
<div class="third"></div>