如何获取 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

您可以使用该previousElementSibling属性获取前一个元素“sibling”。例如

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

将返回第一个元素， <div class="item"></div>