jQuery中nextUtil()方法如何使用？

  • Z时代
  • 2024-01-10
  • 分类：综合

美女程序员鼓励师

小编介绍过next()方法选取被选元素的下一个同胞元素，nextAll()方法选取被选元素之后的所有同胞元素，那如果想要选取被选元素与给定参数之间的所有同胞元素，就要使用nextUtil()方法，nextUtil()方法简单来说就是获得每个元素所有跟随的同胞元素，本文向大家介绍nextUtil()方法。

1、nextUtil()方法

通过选择器，DOM节点，或jQuery对象得到每个元素之后的所有兄弟元素，但不包括匹配的元素。

选取被选元素与给定参数之间的所有同胞元素。

2、使用语法

.nextUntil(selector,filter)

或

.nextUntil(element,filter)

3、使用参数

有参数时，则直到遇到该方法的参数所匹配的元素时会停止搜索。

返回的新 jQuery 对象包含所有跟随的同胞元素，但不包括被选择器、DOM 节点或已传递的 jQuery 对象匹配的元素。

如果没有参数，则会选取所有跟随的同胞元素，此时与.nextAll()方法相同。

4、返回值

返回介于两个给定参数之间的所有跟随的同胞元素。

5、使用实例

        <div>
           全选<input type="checkbox"><br>
               <input type="checkbox">
               <input type="checkbox">
               <h2>title</h2>
               <input type="checkbox">
               <input type="checkbox">
        </div>
    <script>
        $("input[type='checkbox']").nextUntil("h2","input[type='checkbox']")
    </script>

以上就是nextUtil()方法的介绍，希望能对你有所帮助哦~更多JavaScript学习推荐：JavaScript教程。


以上是 jQuery中nextUtil()方法如何使用？ 的全部内容， 来源链接： utcz.com/z/543029.html

回到顶部