jQuery prev() prevAll()和prevUntil()方法

向前查詢兄弟元素，指的是查詢某個元素之前的兄弟元素。在 jQuery 中，對於向前查詢兄弟元素，我們有以下 3 種方法。

prev()；
prevAll()；
prevUntil()。

其中，兄弟元素指的是該元素在同一個父元素下的同級元素。

jQuery prev()方法

在 jQuery 中，我們可以使用 prev() 方法來查詢某個元素前面“相鄰”的兄弟元素。

語法：

$().prev()

大多數情況下，prev() 方法是不需要引數的。

舉例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function(){
            $("#cyuyan").prev().css("color", "red");
        })
    </script>
</head>
<body>
    <ul>
        <li>紅：red</li>
        <li>橙：orange</li>
        <li>黃：yellow</li>
        <li id="cyuyan">綠：green</li>
        <li>青：cyan</li>
        <li>藍：blue</li>
        <li>紫：purple</li>
    </ul>
</body>
</html>

預覽效果如圖 1 所示。

圖 1：prev() 方法的效果