Как получить id из предыдущий и следующие div через javascript?
2 ответа
от
christine ,
2 года назад
@stanford_mosciski
Вы можете использовать следующие методы для получения ID предыдущего и следующего элементов:
- Получение ID предыдущего элемента:
1 2 |
var prevElement = document.getElementById("currentElement").previousElementSibling;
var prevElementId = prevElement.id;
|
- Получение ID следующего элемента:
1 2 |
var nextElement = document.getElementById("currentElement").nextElementSibling;
var nextElementId = nextElement.id;
|
Здесь "currentElement" - это ID элемента, для которого вы ищете предыдущий и следующий элементы. Оба метода используют свойства "previousElementSibling" и "nextElementSibling", чтобы найти предыдущий и следующий элементы соответственно, а затем извлекают их идентификаторы (ID).
от
enid ,
9 месяцев назад
@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 в консоль.
15