如何在 jQuery 中的元素之前选择

在 jQuery 中选择元素非常方便，使用选择器即可。但是，在某些情况下我们需要在指定元素之前选择元素。在本文中，我们将探讨如何在 jQuery 中实现这个目标。

使用 prev()

prev() 方法可以帮助我们选择当前元素的前一个兄弟元素。如果我们要选择这个元素之前的兄弟元素们，则可以一直使用 prev() 方法进行遍历。

$("#myElement").prev(); // 选择前一个兄弟元素
$("#myElement").prev().prev(); // 选择前两个兄弟元素

使用 prevAll()

prevAll() 方法可以选择当前元素之前的所有兄弟元素。你也可以使用选择器来限制选择的元素。

$("#myElement").prevAll(); // 选择所有前面的兄弟元素
$("#myElement").prevAll(".myClass"); // 选择前面所有 class 为 myClass 的兄弟元素

使用 prevUntil()

prevUntil() 方法可以选择从当前元素开始到指定元素之间的所有兄弟元素。你也可以使用选择器来限制选择的元素。

$("#myElement").prevUntil(".myClass"); // 选择从 myElement 开始到 class 为 myClass 之间的兄弟元素
$("#myElement").prevUntil(".myClass", ".myOtherClass"); // 选择从 myElement 开始到 class 为 myClass 之间，但不包括 class 为 myOtherClass 的元素。

使用 prev() 和 prevUntil() 实现元素之间的选择

我们可以使用 prev() 和 prevUntil() 方法结合起来选择两个元素之间的所有元素。

$("#secondElement").prevUntil("#firstElement").prev();

总结

jQuery 提供了 prev()，prevAll() 和 prevUntil() 三个方法，可以帮助我们选择当前元素之前的所有兄弟元素或指定元素之前的兄弟元素。我们可以结合使用这些方法来选择两个元素之间的所有元素。