如何在 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 次浏览

开启你的 职业

完成该课程并获得认证

开始
广告