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

jquery 遍历 prev([expr])

jQueryCSSHTMLGo 
阅读更多

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 遍历 parents([expr])
评论
发表评论

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

相关推荐

    jQuery 遍历 – 同胞(siblings)

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

    Jquery遍历节点的方法小集

    Jquery遍历节点的方法有next、nextAll、prev、prevAll、siblings等等，大家可以根据自己的需求自由选择

    jquery Prev() 和Parent() 区别

    jquery Prev() 和Parent() 区别

    jQuery中prev()方法用法实例

    本文实例讲述了jQuery中prev()方法用法。分享给大家供大家参考。具体分析如下： 此方法取的匹配元素集合中每个元素紧邻的前一个同辈元素。 同辈元素集合可以通过选择器进行筛选。 语法结构: 代码如下:$(selector)....

    关于jQuery里prev()的简单操作代码

    这里给大家介绍jQuery里prev()的简单操作，具体内容如下： 一个朋友提了个需求给我：点击按钮删除input，如果input剩一个，点击按钮全部消失。 很简单的操作，但是你如果不知道jquery里有prev（）这个方法，可能你会...

    jQuery 选择器用法实例分析【prev + next】

    jQuery的prev + next选择器用于匹配紧接在prev元素后面的同辈next元素，将其封装为jQuery对象并返回。 注意： 选择器next的查找范围必须是与”prev元素”相邻的下一个元素，并且必须是”prev元素”的同辈元素。 语法...

    安卓 增加两个按钮（prev，next）实现问题的遍历，等问题。

    安卓 增加两个按钮（prev，next）实现问题的遍历，等问题。

    jQuery 1.4.1 中文参考

    5.2.11 prev([expr]) 86 5.2.12 prevAll([expr]) 86 5.2.13 prevUntil([expr]) 87 5.2.14 siblings([expr]) 88 5.3 串联 88 5.3.1 add(expr, [context]) 88 5.3.2 andSelf() 90 5.3.3 contents() 90 5.3.4 end() 91 ...

    jQuery帮助文档

    jQuery(expr, [context]) jQuery(html, [ownerDoc]) jQuery(elements) jQuery(callback) jQuery 对象访问 each(callback) size() length selector context get() get(index) index(subject) 数据缓存 ...

    JQuery新版中文手册

    JQuery开发手册 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc]) jQuery(callback) jQuery.holdReady(hold)1.6+ jQuery 对象访问 each(callback) size() length selector context get...

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

    jQuery.parent(expr) //找父元素 jQuery.parents(expr) //找到所有祖先元素，不限于父元素 ...jQuery.prev() //查找上一个兄弟节点，不是所有的兄弟节点 jQuery.prevAll() //查找所有之前的兄弟节点 jQuery.next

    Jquery 1.3 简体中文手册

    jQuery(expr, [context]) jQuery(html, [ownerDoc]) jQuery(elements) jQuery(callback) jQuery 对象访问 each(callback) size() length selector context get() get(index) index(subject) 数据缓存 ...

    JQuery 1.3 中文参考手册

    jQuery(expr, [context]) jQuery(html, [ownerDoc]) jQuery(elements) jQuery(callback) jQuery 对象访问 each(callback) size() length selector context get() get(index) index(subject) 数据缓存 ...

    jQuery prev ~ siblings选择器使用介绍

    1、prev ~ siblings：匹配 prev 元素之后的所有 siblings 元素 2、（1）prev：任何有效选择器 （2）siblings：一个选择器，并且它作为第一个选择器的同辈 3、示例 （1）源码 siblings.html 代码如下: &lt;...

    jQuery实现的非常实用的prev+next图片循环轮播效果.zip

    jQuery实现的非常实用的prev+next图片循环轮播效果.zip

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