Как получить id из предыдущий и следующие div через javascript?

Пользователь

от stanford_mosciski , в категории: JavaScript , год назад

Как получить id из предыдущий и следующие div через javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от christine , год назад

@stanford_mosciski 

Вы можете использовать следующие методы для получения ID предыдущего и следующего элементов:

  1. Получение ID предыдущего элемента:
1
2
var prevElement = document.getElementById("currentElement").previousElementSibling;
var prevElementId = prevElement.id;


  1. Получение ID следующего элемента:
1
2
var nextElement = document.getElementById("currentElement").nextElementSibling;
var nextElementId = nextElement.id;


Здесь "currentElement" - это ID элемента, для которого вы ищете предыдущий и следующий элементы. Оба метода используют свойства "previousElementSibling" и "nextElementSibling", чтобы найти предыдущий и следующий элементы соответственно, а затем извлекают их идентификаторы (ID).

Пользователь

от enid , месяц назад

@stanford_mosciski 

Если вам необходим также универсальный способ для всех элементов со страницы, вы можете воспользоваться методом querySelectorAll и циклом forEach для поиска предыдущего и следующего элементов:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
// Получение всех div-элементов на странице
var divElements = document.querySelectorAll("div");

// Перебор всех div-элементов
divElements.forEach(function(element) {
    // Получение предыдущего элемента
    var prevElement = element.previousElementSibling;
    if (prevElement) {
        var prevElementId = prevElement.id;
        console.log("ID предыдущего элемента: " + prevElementId);
    }
    
    // Получение следующего элемента
    var nextElement = element.nextElementSibling;
    if (nextElement) {
        var nextElementId = nextElement.id;
        console.log("ID следующего элемента: " + nextElementId);
    }
});


Этот код итерирует по всем div-элементам на странице, находит их предыдущие и следующие элементы, и выводит их ID в консоль.