jQuery - andSelf() 方法

描述

andSelf() 方法將之前的選擇新增到當前選擇中。

當您的指令碼中有多次遍歷，然後新增在最後一次遍歷之前匹配的內容時，此方法很有用。

語法

以下是使用此方法的簡單語法：

selector.andSelf( )

引數

以下是此方法使用所有引數的描述：

無。

示例

以下是一個簡單的示例，展示了此方法的使用：

即時演示

<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://tutorialspoint.tw/jquery/jquery-3.6.0.js">
      </script>
		
      <script>
         $(document).ready(function(){
            $("div").find("p").andSelf().addClass("border");
         });
      </script>
		
      <style>
         p, div { margin:5px; padding:5px; }
         .border { border: 2px solid red; }
         .background { background:yellow; }
      </style>	
   </head>
	
   <body>
      <div>
         <p>First Paragraph</p>
         <p>Second Paragraph</p>
      </div>
   </body>
</html>

這裡將在之前的選擇（一個 div）和第二個選擇（段落）上新增邊框，如下所示：

如果您刪除 andSelf() 方法，則邊框將僅應用於段落。

即時演示

<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://tutorialspoint.tw/jquery/jquery-3.6.0.js">
      </script>
		
      <script>
         $(document).ready(function(){
            $("div").find("p").andSelf().addClass("border");
         });
      </script>
		
      <style>
         p, div { margin:5px; padding:5px; }
         .border { border: 2px solid red; }
         .background { background:yellow; }
      </style>
   </head>
	
   <body>
      <div class = "border">
         <p class = "border">First Paragraph</p>
         <p class = "border">Second Paragraph</p>
      </div>
   </body>
</html>

這將產生以下結果：

jquery-traversing.htm

列印頁面