`
KAXU
  • 浏览: 273438 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jquery 遍历 nextAll([expr])

jQueryHTML 
阅读更多

nextAll([expr])

得到匹配元素集合中各个元素后端的所有兄弟元素集合。返回匹配元素集合

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    $("div:first").nextAll().addClass("after");
  });
  </script>
  <style>
  div { width: 80px; height: 80px; background: #abc; 
        border: 2px solid black; margin: 10px; float: left; }
  div.after { border-color: red; }
  </style>
</head>
<body>
  <div>first</div>
  <div>sibling<div>child</div></div>
  <div>sibling</div>
  <div>sibling</div>
</body>
</html>

 

$("div:first").nextAll().addClass("after");
得到匹配div元素集合后所有的兄弟元素集合。以下是匹配元素集合

<div>sibling</div>
<div>sibling</div>
<div>sibling</div>

分享到：
| jquery 遍历 next([expr])
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    浅析jQuery 遍历函数，javascript中的each遍历_.docx

    jQuery 遍历函数和 JavaScript 中的 each 遍历 jQuery 遍历函数是 jQuery 库中的一组方法，用于筛选、查找和串联元素。这些方法可以帮助开发者快速地操作和处理 HTML 元素。下面是 jQuery 遍历函数的详细介绍： 1....

    jQuery遍历之next()、nextAll()方法使用实例

    jquery遍历：next()和nextAll()方法。实例如下： 代码如下: &lt;html&gt; &lt;head&gt; [removed][removed] [removed]  $(document).ready(function(){  //$(“div”).click(function(){alert&#40;$(this&#41;....

    jQuery 遍历函数详解

    下面我们详细讲解这些jQuery遍历函数的知识点。 .add()函数用于将元素添加到jQuery对象集合中。这个函数可以将新元素直接添加到现有的jQuery对象集合中，实现链式操作。 .andSelf()函数将之前操作返回的元素集添加...

    Jquery节点遍历next与nextAll方法使用示例

    在本文中，我们将重点介绍jQuery中两个用于节点遍历的方法：next()和nextAll()。 首先，next()方法是用于选择DOM树中某个元素的下一个“同类同辈”元素。这里，“同类同辈”指的是具有相同父元素的兄弟节点。当我们...

    jQuery 遍历 – 同胞(siblings)

    jQuery 遍历 – 同胞(siblings) 同胞拥有相同的父元素。 通过 jQuery，您能够在 DOM 树中遍历元素的同胞元素。 在 DOM 树中水平遍历 有许多有用的方法让我们在 DOM 树进行水平遍历： siblings() next() ...

    jQuery遍历DOM元素与节点方法详解

    以下是对jQuery遍历DOM元素与节点方法的详细解释： **一、向上遍历（祖先元素）** 1. `$(selector).parent([filter])`：返回匹配的元素的直接父元素。如果提供了过滤器`filter`，则只返回符合该过滤条件的父元素。...

    jQuery中nextAll()方法用法实例

    这个方法的基本格式是 $(selector).nextAll(expr)，其中selector是用于选择DOM元素的jQuery选择器，expr是一个可选的参数，用于过滤同辈元素集合。 1. selector：它是一个jQuery选择器，可以用来选取页面上的DOM...

    JQuery遍历DOM节点的方法

    在学习JQuery时，DOM节点的遍历是极为重要的一部分。JQuery提供了一套丰富的API，使得开发者可以轻松地遍历和操作DOM元素。本文将详细介绍JQuery中用于遍历DOM节点的方法，并结合实例加以说明。 ### children()方法...

    浅析jQuery 遍历函数，javascript中的each遍历

    这是一个很好的实际应用例子，展示了如何在实际页面中应用jQuery遍历。 总的来说，jQuery的遍历函数提供了非常强大的机制来操作HTML文档，无论是在处理数组数据还是操作DOM元素时都非常方便。掌握这些遍历方法，...

    jQuery遍历节点方法汇总(推荐)

    在Web开发中，使用jQuery库进行DOM操作是十分常见的一项工作，尤其是对节点的遍历操作。遍历节点的目的在于根据特定的条件选择相关的DOM元素，以便于进行进一步的操作，如样式修改、事件绑定、数据获取等。jQuery...

    Jquery遍历节点的方法小集

    JQuery提供了许多方法来进行节点的遍历操作，以下是一些常用的遍历节点的方法及其知识点的详细介绍。 1. next()方法 next()方法用于选取每个匹配元素集合中紧接在后面的兄弟元素。如果没有指定选择器，则选取所有...

    jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结

    掌握这些jQuery遍历DOM的方法，可以极大地提升我们在网页开发中的效率，无论是查找特定元素，还是处理DOM结构，都能得心应手。在实际应用中，根据需求灵活组合这些方法，可以实现复杂的选择和操作。记得在使用这些...

    jquery next nextAll nextUntil siblings的区别介绍

    对于在DOM树中进行同级元素的选择，jQuery提供了四个重要的函数：next()、nextAll()、nextUntil() 和 siblings()。下面将详细解释这四个函数的含义、区别及其应用场景。 next() 函数： 该函数用于选择紧邻的下一个...

    jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍

    综上所述，nextUntil()和prevUntil()方法是jQuery遍历功能中非常有用的工具，它们让开发者可以灵活地选择元素集之间的同胞元素，便于进行特定的DOM操作和样式修改。在使用这两个方法时，需要确保选择器的正确性以及...

    jQuery基于当前元素进行下一步的遍历

    这涉及到jQuery提供的遍历方法，它们可以帮助我们高效地导航DOM结构。让我们详细了解一下基于当前元素进行下一步遍历的jQuery方法。 首先，假设我们使用`$(‘li:eq(1)’)`选中了HTML列表中的第二个`&lt;li&gt;`元素。这是...

    jQuery实现动态添加节点与遍历节点功能示例

    jQuery 提供了多种方法来遍历和选择 DOM 元素，如 `next()`, `nextAll()`, `prev()`, `prevAll()`, `children()`, `siblings()` 等。在示例中，`next()` 方法被用来获取当前被点击的 `&lt;div&gt;` 元素后面紧邻的同级 `...

Magicbox
Global site tag (gtag.js) - Google Analytics