Определите, является ли один div родственным элементом непосредственно ниже и рядом с другим div, используя jQuery - PullRequest
0 голосов
/ 10 июля 2020

У меня есть список разделов и ссылка на два соседних элемента, расположенных рядом друг с другом. Первый div, который я назову div2, находится выше div3. Как я могу сказать, используя jQuery, что div2 находится прямо над div3. Пример:

<div id="root">
   <div id="div1" />
   <div id="div2" />
   <div id="div3" />
   <div id="div4" />
</div>

1 Ответ

2 голосов
/ 10 июля 2020

Если вы имеете в виду, «как мне определить, находится ли 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>

Если вы хотите увидеть, визуально один над другим, вы захотите посмотреть на их ограничивающие прямоугольники .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...