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

jquery 遍历 prev([expr])

阅读更多

prev([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(){
    
    var $curr = $("#start");
    $curr.css("background", "#f99");
    $("button").click(function () {
      $curr = $curr.prev();
      $("div").css("background", "");
      $curr.css("background", "#f99");
    });

  });
  </script>
  <style>
  div { width:40px; height:40px; margin:10px;
        float:left; border:2px blue solid; 
        padding:2px; }
  span { font-size:14px; }
  p { clear:left; margin:10px; }
  </style>
</head>
<body>
  <div></div>
  <div></div>
  <div><span>has child</span></div>
  <div></div>
  <div></div>
  <div></div>
  <div id="start"></div>
  <div></div>
  <p><button>Go to Prev</button></p>
</body>
</html>

 

$curr.prev();
得到匹配元素中各个元素紧邻的前一个兄弟元素集合。

分享到:
评论

相关推荐

    jquery常用的方法

    - `prev(expr)` - 获取元素的前一个相邻元素。 - `siblings(expr)` - 获取元素的所有同级元素。 12. **核心方法**: - `$(html).appendTo(”body”)` - 将HTML字符串插入到body元素中。 - `$(elems)` - 创建一...

    jquery函数大全

    - `prev(expr)` 获取相邻的前驱元素。 - `siblings(expr)` 获取同级元素。 4. **核心(Core)**: - `$(html).appendTo(”body”);` 在body中动态添加HTML。 - `$(elems)` 从DOM获取元素集合。 - `$(function...

    50个Jquery经典实例

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

    jquery 事件方法大全

    `filter(expression)`, `find(expr)`, `is(expr)`, `next(expr)`, `not(el)`, `not(expr)`, `not(elems)`, `parent(expr)`, `parents(expr)`, `prev(expr)`, `siblings(expr)` - 这些方法用于选择、过滤和遍历DOM...

    jQuery对象属性.docx

    - `prev([expr])`:获取每个元素的前一个同级元素。 - `prevAll([expr])`:获取每个元素前面的所有同级元素。 - `prevUntil([expr|ele][,filter])`:获取每个元素前面直到遇到匹配表达式的所有同级元素。 - `...

    Jquery常用方法.txt

    - `prev(expr)` - **描述**:获取当前匹配元素集合的前一个兄弟元素。 13. **获取同级兄弟元素**: - `siblings(expr)` - **描述**:获取当前匹配元素集合的同级兄弟元素。 #### 核心功能 (Core) 1. **向页面...

    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常用方法

    - **prev(expr)**: 获取紧邻当前匹配元素之前的兄弟元素。 - **siblings(expr)**: 获取所有具有相同父元素的兄弟元素。 ### Core 这部分涵盖了jQuery的核心功能。 - **$(html).appendTo(body)**: 将HTML字符串...

    jquery常用方法

    - `prev(expr)`: 获取元素的前一个兄弟元素,可选地通过expr过滤。 - `siblings(expr)`: 获取元素的所有同级元素,可选地通过expr过滤。 5. **核心(Core)**: - `$(html).appendTo(”body”)`: 把HTML字符串...

    jquery用法大全

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

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

    5. **jQuery.prev()**: 查找当前元素的前一个兄弟元素。 6. **jQuery.prevAll()**: 返回所有在当前元素之前的兄弟元素。 7. **jQuery.next()**: 查找当前元素的后一个兄弟元素。 8. **jQuery.nextAll()**: 返回...

    Jquery文档

    - `prev([expr])`:获取前一个同级元素。 - `prevAll([expr])`:选取所有前面的同级元素。 - `siblings([expr])`:选取所有同级元素,但不包括自身。结合`nextAll()`和`prevAll()`的功能。 3. **串联(Chaining...

    JQuery用法大全

    - `prev(expr)`: 获取元素的前一个兄弟元素。 - `siblings(expr)`: 获取元素的所有同级元素。 4. **核心功能** - `$(html).appendTo(”body”)`: 动态创建并插入 HTML 到指定位置。 - `$(elems)`: 从 DOM 中...

    JQuery常用方法

    - `$(”元素名称”).prev(expr)`: 获取元素的前一个兄弟元素。 - `$(”元素名称”).siblings(expr)`: 获取元素的同级元素。 5. **核心功能**: - `$(html).appendTo(”body”)`: 将HTML字符串插入到body中。 - ...

    jQuery 1.2 Cheat Sheet

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

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

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

    JQUERY事件大全

    JQuery 是一款优秀的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。本篇文章将详细解读“JQUERY事件大全”中提供的常用事件及其用法,帮助读者更深入地理解和运用 JQuery 的功能。 ...

    Jquery方法大全

    ### Jquery方法大全详解 #### 一、Attribute(属性操作) **1.1 addClass** ```javascript $("p").addClass(css中定义的样式类型); ``` - **功能**:为匹配到的元素添加一个或多个类。 - **参数**:接受一个或多个...

Global site tag (gtag.js) - Google Analytics