javascript - 使用 jQuery 查找 previous sibling 元素

Question

在下面的 HTML 中，我想向 div 之前的第一个同级 P 元素添加一个类“div-class”。

<p>hello</p>
<p>hello</p> -> add class to this element
<div><p>test</p></div>
<div class="div-class"></div>

这行不通:

jQuery(".div-class").prev("p").addClass("p-class");

Answer 1

prev()方法只选择元素之前的同级元素，因为您使用的是 p 选择器，它不会选择任何东西，因为没有任何 p 标签紧接在元素之前元素。

您可以使用 prevAll()获取元素和 first() 之前的所有兄弟元素的方法方法获取集合中最近的一个。

jQuery(".div-class").prevAll("p").first().addClass("p-class");

.p-class {
  color: red
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>hello</p>
<p>hello</p>
<div>
  <p>test</p>
</div>
<div class="div-class"></div>
This doesn't work: