您好,欢迎来到汽车vr网。
搜索
您的当前位置:首页jQuery中parentsUntil()方法用法实例_jquery

jQuery中parentsUntil()方法用法实例_jquery

来源:汽车vr网


本文实例讲述了jQuery中parentsUntil()方法用法。分享给大家供大家参考。具体分析如下:

此方法查找匹配元素的所有的祖先元素,直到遇到expr表达式、DOM元素或者jQuery元素匹配的那个元素为止。
取得祖先元素集合可以通过筛选表达式进行筛选。

注意:祖先元素中并不包含expr表达式、DOM元素或者jQuery元素匹配的元素。

语法:

语法一:
代码如下:$(selector).parentsUntil(expr,filter)

参数列表:

参数 描述
expr 可选。用于筛选祖先元素的表达式。
filter 可选。用于对取得的祖先元素集合进行筛选。

实例:

实例一:

代码如下:





脚本之家


$(document).ready(function(){
$("li").parentsUntil(".inner").css("border","1px solid blue");
})




脚本之家欢迎您


  • HTML专区

  • Javascript专区

  • Div+CSS专区

  • Jquery专区



  • HTML专区

  • Javascript专区

  • Div+CSS专区

  • Jquery专区






  • 实例二:

    代码如下:





    脚本之家


    $(document).ready(function(){
    $("li").parentsUntil(".inner",".second").css("border","1px solid blue");
    })




    脚本之家欢迎您


  • HTML专区

  • Javascript专区

  • Div+CSS专区

  • Jquery专区



  • HTML专区

  • Javascript专区

  • Div+CSS专区

  • Jquery专区






  • 语法二:
    代码如下:$(selector).parentsUntil(element,filter)

    参数列表:

    参数 描述
    element 可选。用于筛选祖先元素的DOM元素或者jQuery元素
    filter 可选。用于对取得的祖先元素集合进行筛选。

    实例:

    实例一:

    代码如下:





    脚本之家


    $(document).ready(function(){
    $("li").parentsUntil(document.getElementById("inner")).css("border","1px solid blue");
    })




    脚本之家欢迎您


  • HTML专区

  • Javascript专区

  • Div+CSS专区

  • Jquery专区



  • HTML专区

  • Javascript专区

  • Div+CSS专区

  • Jquery专区






  • 实例二:

    代码如下:





    脚本之家


    $(document).ready(function(){
    $("li").parentsUntil(document.getElementById("inner"),".second").css("border","1px solid blue");
    })




    脚本之家欢迎您


  • HTML专区

  • Javascript专区

  • Div+CSS专区

  • Jquery专区



  • HTML专区

  • Javascript专区

  • Div+CSS专区

  • Jquery专区






  • 希望本文所述对大家的jQuery程序设计有所帮助。

    Copyright © 2019- qichevr.com 版权所有

    违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务