jQuery |兄弟姐妹（）与示例

Brothers()是 jQuery 中的一个内置方法，用于查找所选元素的所有兄弟元素。兄弟姐妹是那些在 DOM 树中具有相同父元素的人。 DOM（文档对象模型）是万维网联盟标准。这是为访问 DOM 树中的元素而定义的。
句法：

$(selector).siblings(function)

在这里，选择器是将要找到其兄弟的选定元素。
参数：它接受一个可选参数“函数”，该参数将说明应该从所有兄弟姐妹中选择哪些兄弟姐妹。
返回值：它返回所选元素的所有兄弟元素。

jQuery 代码显示兄弟姐妹（）函数的工作：
代码#1：
在下面的代码中，没有参数传递给兄弟姐妹（）函数。

  

    
        .sib * {
            display: block;
            border: 2px solid lightgray;
            color: black;
            padding: 5px;
            margin: 15px;
        }
    
    
    
        $(document).ready(function() {
            $("h2").siblings().css({
                "color": "black",
                "border": "2px solid green"
            });
        });
    

  

    
        This is parent!!!
        This is paragraph!!!
        This is span box!!!
        This is heading 2!
        This is heading 3!
    

  

在上面的代码中，“h2”的所有兄弟都被突出显示。
输出：

代码#2：
在下面的代码中，函数的一个可选参数用于过滤兄弟姐妹的搜索。

  

    
        .sib * {
            display: block;
            border: 2px solid lightgrey;
            color: black;
            padding: 5px;
            margin: 15px;
        }
    
    
    
        $(document).ready(function() {
            $("h2").siblings("span").css({
                "color": "black",
                "border": "2px solid green"
            });
        });
    

  

    
        This is parent element !
        This is the first paragraph !!!
        first span box !!!
        Heading 2!
        second span box !!!
        Heading 3!
        third span box !!!
        This is the second paragraph !!!
    

  

在上面的代码中，元素名称为“span”的“h2”的所有兄弟都被选中。
输出：