📜  jQuery |兄弟姐妹()与示例

📅  最后修改于: 2021-11-25 03:35:31             🧑  作者: Mango

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

$(selector).siblings(function)

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

jQuery 代码显示兄弟姐妹()函数的工作:

代码#1:
在下面的代码中,没有参数传递给兄弟姐妹()函数。


  

    
    
    

  

    
        This is parent!!!         

This is paragraph!!!

        This is span box!!!         

This is heading 2!

        

This is heading 3!

    
  

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

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


  

    
    
    

  

    
        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”的所有兄弟都被选中。
输出: