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


若要在 jQuery 中查詢當前選定物件的全部同級物件,請使用 siblings() 方法。siblings( [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>

更新時間:2019 年 12 月 9 日

631 次瀏覽

開啟你的 職業

完成該課程並獲得認證

開始
廣告
© . All rights reserved.