如何在jQuery中找到当前选定对象的所有同级对象?

要在jQuery中找到当前选定对象的所有同级,请使用siblings()方法。siblings([selector])方法获取一组元素,其中包含每个匹配元素集的所有唯一同胞。

这是此方法使用的所有参数的描述-

  • 选择器 -这是用于筛选同级元素的可选选择器。

示例

您可以尝试运行以下代码以了解如何查找所有同级物:

<html>

   <head>
      <title>jQuery siblings() method</title>
      <script src = "https://cdn.staticfile.org/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>