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

jquery 遍历 next([expr])

jQueryHTML 
阅读更多

next([expr])
得到匹配元素集合中各个元素紧邻的兄弟元素集合。‘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(){
    $("button[disabled]").next().text("this button is disabled");
  });
  </script>
  <style>
  span { color:blue; font-weight:bold; }
  button { width:100px; }
  </style>
</head>
<body>
  <div><button disabled="disabled">First</button> - <span></span></div>
  <div><button>Second</button> - <span></span></div>
  <div><button disabled="disabled">Third</button> - <span></span></div>
</body>
</html>

 

$("button[disabled]").next().text("this button is disabled");
将匹配包含disabled属性button元素的紧邻元素集合。以下是匹配元素集合

<span></span>

<span></span>

分享到：
| jquery 遍历 find(expr)
评论
发表评论

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

相关推荐

    jQuery中next()方法用法实例

    在jQuery中，next()是一个非常实用的方法，它用于选取每个匹配元素集合中紧接在后面的第一个同辈元素，并且可以结合选择器表达式来筛选符合条件的同辈元素。 jQuery next() 方法的基本用法如下： ```javascript $...

    jquery常用的方法

    - `next(expr)` - 获取元素的下一个相邻元素。 - `not(el)`, `not(expr)`, `not(elems)` - 移除匹配的元素。 - `parent(expr)` - 获取元素的直接父元素。 - `parents(expr)` - 获取元素的所有祖先元素。 - `...

    JQuery常用思路方法

    - `next(expr)`：返回下一个兄弟元素。 - `prev(expr)`：返回上一个兄弟元素。 - `siblings(expr)`：返回所有的兄弟元素。 - `parent(expr)`：返回父元素。 - `parents(expr)`：返回所有祖先元素。 - `find...

    jquery函数大全

    - `next(expr)` 获取相邻的后续元素。 - `not(el/expr/elems)` 移除匹配的元素。 - `parent(expr)` 获取父元素。 - `parents(expr)` 获取所有祖先元素。 - `prev(expr)` 获取相邻的前驱元素。 - `siblings...

    50个Jquery经典实例

    50. **DOM树遍历**：`siblings()`, `next()`, `prev()`等方法遍历元素的兄弟、前后节点。 以上50个jQuery经典实例展示了其强大的功能，无论你是前端新手还是经验丰富的开发者，都能从中学习到实用技巧，提升...

    jquery 事件方法大全

    13. **遍历和过滤**: `add(expr)`, `children(expr)`, `contains(str)`, `end()`, `filter(expression)`, `find(expr)`, `is(expr)`, `next(expr)`, `not(el)`, `not(expr)`, `not(elems)`, `parent(expr)`, `...

    Jquery常用方法.txt

    - `next(expr)` - **描述**：获取当前匹配元素集合的下一个兄弟元素。 9. **排除某些元素**: - `not(el)` - `not(expr)` - `not(elems)` - **描述**：从匹配集合中排除某些元素。 10. **获取父元素**: - `...

    jQuery方法大全

    - `$(元素).next(expr)`，`$(元素).prev(expr)`，`$(元素).siblings(expr)`：找到元素的相邻兄弟元素。 6. 核心功能 - `$()`：用于选择DOM元素，可以是HTML字符串、DOM元素或jQuery对象。 - `$(function(){……....

    JQuery1.3笔记.txt

    - `next(expr)`, `prev(expr)`, `siblings(expr)`: 分别查找下一个、上一个或同级元素。 9. **父元素** - `parent(expr)`, `parents(expr)`: 查找当前元素的父元素或祖先元素。 #### 核心功能 (Core) 1. **...

    jQuery常用方法jQuery常用方法

    - **next(expr)**: 获取紧邻当前匹配元素之后的兄弟元素。 - **not(el)**: 从当前元素集合中移除指定元素。 - **not(expr)**: 从当前元素集合中移除不匹配的元素。 - **not(elems)**: 从当前元素集合中移除指定的...

    jQuery对象属性.docx

    - `next([expr])`：获取每个元素的下一个同级元素。 - `nextAll([expr])`：获取每个元素后面的所有同级元素。 - `nextUntil([expr|ele][,filter])`：获取每个元素后面直到遇到匹配表达式的所有同级元素。 - `...

    Jquery文档

    jQuery 是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。本文将深入探讨jQuery中的几个关键函数，帮助你更好地理解和运用这个强大的工具。 1. **过滤（Filtering）** ...

    jquery用法大全

    - `next(expr)`：获取紧邻匹配元素后的同级元素。 - `prev(expr)`：获取紧邻匹配元素前的同级元素。 8. **查找兄弟元素** - `siblings(expr)`：获取所有兄弟元素。 9. **查找父元素** - `parent(expr)`：...

    jquery的父、子、兄弟节点查找,节点的子节点循环方法

    在jQuery中，对DOM元素的操作是非常常见的，其中包括查找和遍历元素的各种关系。本文将详细介绍jQuery中的父、子、兄弟节点查找以及节点的子节点循环方法。 首先，jQuery提供了多种方法来查找节点之间的关系： 1. ...

    jquery常用方法

    - `next(expr)`: 获取元素的下一个兄弟元素，可选地通过expr过滤。 - `not(el)`, `not(expr)`, `not(elems)`: 从集合中移除匹配的元素。 - `parent(expr)`: 获取元素的直接父元素，可选地通过expr过滤。 - `...

    JQuery用法大全

    - `next(expr)`: 获取元素的下一个兄弟元素。 - `not(el)`, `not(expr)`, `not(elems)`: 从集合中移除匹配的元素。 - `parent(expr)`: 获取元素的直接父元素。 - `parents(expr)`: 获取元素的所有祖先元素。 - ...

    JQuery常用方法

    - `$(”元素名称”).next(expr)`: 获取元素的下一个兄弟元素。 - `$(”元素名称”).not(expr/elems)`: 从集合中移除匹配的元素。 - `$(”元素名称”).parent(expr)`: 获取元素的直接父元素。 - `$(”元素名称”)...

    jquery基础教程

    - **相邻元素**: `next(expr)`，返回紧邻在当前元素后的兄弟元素。 - **排除元素**: `not(el)`、`not(expr)`或`not(elems)`，从集合中排除不匹配的元素。 - **父元素**: `parent(expr)`，返回当前元素的父元素。 - *...

    jQuery 1.2 Cheat Sheet

    - **jQuery(expr, context):** 该方法用于在指定的上下文中选择元素。`expr` 参数定义了要匹配的选择器字符串，而 `context` 参数指定了搜索的起点。 - **jQuery(html):** 创建一个新的 HTML 元素，并返回一个包含这...

    课题-js和jquery获取父级元素、子级元素、兄弟元素的方法.pdf

    如果需要查找特定的后代元素，可以使用`.find(expr)`，这不同于`.filter(expr)`，后者是在当前选择集中筛选元素。 总结来说，JavaScript和jQuery在处理DOM元素关系时有各自的特点。JavaScript原生方法虽然灵活，但...

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