如何使用 jQuery 选择元素的所有兄弟元素？

在本文中，我们将讨论如何使用 jQuery 选择元素的所有兄弟元素。要选择一个元素的所有同级元素，我们将使用Siblings() 方法。

Brothers() 方法用于查找所选元素的所有兄弟元素。兄弟姐妹是那些在 DOM 树中具有相同父元素的兄弟姐妹。

句法：

$(selector).siblings(function)

此函数接受一个可选参数“函数”，它将选择所选元素的所有兄弟姐妹。它返回所选元素的所有兄弟姐妹。

方法：首先，我们将创建主 div 容器，在主容器内，我们将添加两个 div 容器。当用户单击该按钮时，将调用siblings() 方法并选择section1 类容器的兄弟姐妹。在选择了兄弟姐妹之后，我们给它添加了一些 CSS 属性。

例子：

HTML

  

    
    
          
    
    
  
    
        How to select all sibling elements
        of an element using jQuery?
    
  
    
        .main {
            width: 450px;
            text-align: justify;
            font-size: 18px;
        }
  
        #GFG {
            padding: 5px 15px;
            margin-top: 20px;
        }
  
        .Geeks {
            font-size: 18px;
            font-weight: bold;
            color: green;
        }
    
  
    
        $(document).ready(function () {
            $("#GFG").on('click', function () {
                $(".section1").siblings().addClass("Geeks");
            });
        });
    

  

    
        
            GeeksforGeeks
        
  
        
            How to select all sibling elements
            of an element using jQuery?
        
  
        
            
                HTML stands for HyperText Markup
                Language. It is used to design
                web pages using a markup language.
                HTML is the combination of
                Hypertext and Markup language.
            
  
            
                Cascading Style Sheets, fondly
                referred to as CSS, is a simply
                designed language intended to
                simplify the process of making
                web pages.
            
        
  
        
    

  

输出：