如何获取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") 获取。这很好且有效，但是..我如何获取上一个元素呢？

- Xaoo

---

以下是您要的答案：有没有“previous sibling” CSS选择器？ - german meza

Answer 1

您可以使用previousElementSibling属性获取前一个元素的“兄弟”元素。例如：

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

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

。

- hackerrdave

Answer 2

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

- Stefan Haustein

Answer 3

你可以直接使用 document.querySelector(".item.current").previousElementSibling。

- onemanclapping

Answer 4

在直接使用的情况下，没有“前一个兄弟选择器”可供您使用。

您可以使用JavaScript来选择它，使用document.querySelector(".item.current").previousElementSibling

- hughes