Как получить предыдущий элемент в DOM?

Question

Допустим, у меня есть что-то вроде этого:

<div class='item'>some code</div> 
<div class='item current'>some code</div> 
<div class='item'>some code</div> 

Следующий элемент можно получить по document.querySelector(".item.current + .item"). Это здорово и прекрасно работает, но .. Как я могу перейти к предыдущему элементу?

Answer 1

document.querySelector ("item.current "). PreviousElementSibling

Answer 2

Вы можете просто сделать document.querySelector (". Item.current"). PreviousElementSibling?

Answer 3

is no "previous sibling" selector что вы можете использовать напрямую.

Вы можете использовать JavaScript, чтобы выбрать его с помощью document.querySelector(".item.current").previousElementSibling

Answer 4

Вы можете получить предыдущий элемент «родственный» с previousElementSibling собственности. Например

document.querySelector('.item.current').previousElementSibling 

вернуть бы первый элемент, <div class="item"></div>