• 技术文章 >Web开发 >JavaScript

    jQuery中nextAll()方法和prevAll()方法区别是什么?

    宋雪维宋雪维2021-02-01 11:44:00原创1809

    jQuery水平dom树遍历方法中,nextAll()方法和prevAll()方法是一对起着相反作用的方法,细致来说就是它们获取的元素位置相反,nextAll()方法获取点击元素之前的所有同级元素,prevAll()获取点击元素之后的所有同级元素。

    1、查找的元素不同

    nextAll()方法是查找当前元素之后的所有元素;

    prevAll()方法是查找当前元素之前的所有元素。

    2、获取的元素位置不同

    nextAll()方法获取被选中元素的下边所有同级元素节点;

    prevAll()方法获取被选中元素的上边所有同级元素节点。

    3、代码区分

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    <table>

        <tr id="next">

            <th>id</th>

            <th>ch</th>

        </tr>

        <tr>

            <td>1</td>

            <td>a</td>

        </tr>

        <tr id="prev">

            <td>2</td>

            <td>b</td>

        </tr>

    </table>

        $("#next").nextAll().each(function(){

            console.log(this);

        })

        $("#prev").prevAll().each(function(){

            console.log(this);

        })

    以上就是jQuery中nextAll()方法和prevAll()方法区别介绍,希望能帮助你理解哦~更多JavaScript学习推荐:JavaScript教程

    专题推荐:js jquery
    上一篇:jQuery中prevAll()方法如何遍历获取元素? 下一篇:jQuery中nextUtil()方法如何使用?

    相关文章推荐

    • python如何使用sys.exit()退出程序• os.system在python中如何调用命令• python中os.remove()的使用注意• python os.listdir()解决乱码• python中raise是什么

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网