jQuery prev() 方法

prev() 方法用於選擇所選元素的緊前同級元素。同級元素是指與另一個元素共享相同父元素的元素。此方法向上遍歷 DOM（文件物件模型）並查詢之前的同級元素。

prev() 方法只選擇緊前同級元素，而不是所有之前的同級元素。要選擇所有之前的同級元素，可以使用 prevAll() 方法。

語法

以下是 jQuery 中 prev() 方法的語法：

$(selector).prev(filter)

引數

此方法接受以下可選引數：

filter: 用於篩選之前同級元素的選擇器表示式。

示例 1

在下面的示例中，我們使用 traversal() 方法返回 p 元素的緊前同級元素：

<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script>
    $(document).ready(function(){
        $("p").prev().css({"color": "#40a944", "border": "2px solid #40a944"});
    });
  </script>
</head>
<body>
  <h2>This is heading.</h2>
  <p>Paragraph element.</p>
</body>
</html>

執行上述程式時，將選擇 h 元素，因為它是的 p 元素的緊前同級元素。

示例 2

在下面的示例中，我們選擇每個 div 元素的緊前同級元素：

<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script>
    $(document).ready(function(){
        $("div").prev().css({"color": "#40a944", "border": "2px solid #40a944"});
    });
  </script>
</head>
<body>
  <p>Heading element.</p>
  <div>DIV 1</div>
  <p>Paragraph element.</p>
  <p>Paragraph element.</p>
  <div>DIV 2</div>
</body>
</html>

執行上述程式後，div 元素的緊前同級元素將以綠色邊框和綠色文字顏色突出顯示。

jquery_ref_traversing.htm

列印頁面