📜  jQuery | nextUntil() 示例

📅  最后修改于: 2021-11-25 04:23:16             🧑  作者: Mango

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

$(selector1).nextUntil(selector2)

这里的 selector1 是起始元素,之后将找到兄弟姐妹。
参数:它接受一个参数“selector2”,它是最后一个选择的元素来查找兄弟元素。
返回值:它返回“selector1”和“selector2”之间的所有兄弟。

显示 nextUntil() 方法工作的 jQuery 代码:

代码#1:


  

    
    
    

  

    
        This is the parent element !!!         

This is first paragraph!

        first span box !         

heading 2!

        

heading 3!

        

heading 4!

        
heading 5!
        
heading 6!
        

This is second paragraph!

    
  

在上面的代码中,“span”和下一个“p”之间的所有元素(或兄弟)都被突出显示。
输出:

代码#2:
在下面的代码中,可以选择同一对元素之间的所有兄弟。


  

    
    
    

  

    
        This is the parent element !!!         

This is first paragraph!

        first span box !         

heading 2!

        

heading 3!

        

heading 4!

        
heading 5!
        
heading 6!
        

This is second paragraph!

    
  

在上面的代码中,段落元素之间的所有元素(或兄弟元素)都以绿色突出显示。
输出: