zoukankan      html  css  js  c++  java
  • 遍历DOM树,过滤节点

    jQuery还提供以下方法来过滤节点。

     方法  说明
     first()  获取第一个,示例 $('li').last()
     last()  获取最后一个,示例$('li').last()
     eq()  获取指定索引的节点,索引从0开始,示例$('li').eq(1),获取第二个li
     not()   不包含某些,示例$('li').not("#d")
     filter()  包含某些, 示例$("li").filter("#d"),未包含的未选取

    示例:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>过滤节点</title>
            <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js"></script>
            <style>
                .box{
                    border: 1px solid blueviolet;
                    padding: 1px;
                    margin-bottom: 12px;
                }
            </style>
        </head>
        <body>     
            <div>
                <ul id="ul">
                    <li id="a">油条</li>
                    <li id="b">包子</li>
                    <li id="c">米饺</li>
                    <li id="d"><a>鱼粉</a></li>
                </ul>
            </div>
            <script>
                $('li').filter("#d").attr("class", "box");
            </script>
        </body>
    </html>

    1使用first()方法过滤元素。

    示例 $('li').first()

    2使用last()方法过滤元素

    示例 $('li').last()

    3使用eq()方法过滤元素。

    示例$('li').eq(1),获取第二个li

    4使用not()方法过滤元素。

    $("li").filter("#d")

  • 相关阅读:
    vi/vim 如何添加和删除多行注释
    linux报错:命令未找到
    删除远程分支的方法
    k-vim常见快捷键
    [转]常见linux命令用法介绍
    python库termcolor用法
    gitignore样例解析
    [转]"git rm" 和 "rm" 的区别
    python中的slice用法
    牛客网linux试题-错误整理-20170914
  • 原文地址:https://www.cnblogs.com/TangGe520/p/9131871.html
Copyright © 2011-2022 走看看