Если вы имеете в виду, «как мне определить, находится ли div2
непосредственно перед div3
», ответ таков, что вы можете проверить previousElementSibling
или jQuery prev
:
// If `div3` and `div2` are DOM elements
if (div3.previousElementSibling === div2) {
// ...
const div2 = document.getElementById("div2");
const div3 = document.getElementById("div3");
console.log(div3.previousElementSibling === div2);
<div id="root">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
</div>
// If `div3` and `div2` are jQuery objects
if (div3.prev()[0] === div2[0]) {
// ...
const div2 = $("#div2");
const div3 = $("#div3");
console.log(div3.prev()[0] === div2[0]);
<div id="root">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Если вы хотите увидеть, визуально один над другим, вы захотите посмотреть на их ограничивающие прямоугольники .