如何在 jQuery 中查詢當前選定物件的全部同級物件?


要在 jQuery 中查詢當前選定物件的全部同級物件,請使用 siblings() 方法。siblings( [selector] ) 方法獲取一組元素,其中包含每個已匹配元素集中的所有唯一同級元素。

以下是此方法使用的所有引數的說明:

  • selector − 這是可選的選擇器,用於篩選同級元素。

示例

你可以嘗試執行以下程式碼來了解如何查詢所有同級物件

即時演示

<html>

   <head>
      <title>jQuery siblings() method</title>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
       
      <script>
         $(document).ready(function(){
            $("p").siblings('.selected').addClass("highlight");
         });
      </script>
       
      <style>
         .highlight {
            background:yellow;
         }
      </style>
   </head>
   
   <body>
   
      <div><span>Hello</span></div>
      <p class = "selected">Hello Again</p>
      <p>And Again</p>
       
   </body>
</html>

更新於: 09-12-2019

631 瀏覽量

開啟你的 職業

透過完成課程獲得認證

開始
廣告