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

jquery 遍历 prevAll([expr])

阅读更多

prevAll([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:last").prevAll().addClass("before");
  });
  </script>
  <style>
  div { width:70px; height:70px; background:#abc; 
        border:2px solid black; margin:10px; float:left; }
  div.before { border-color: red; }
  </style>
</head>
<body>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</body>
</html>

  

$("div:last").prevAll().addClass("before");

得到最后一个div元素所有的前端兄弟元素。以下是匹配元素集合

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

分享到:
评论

相关推荐

    jQuery中prevAll()方法用法实例

    本文实例讲述了jQuery中prevAll()方法用法。分享给大家供大家参考。具体分析如下: 此方法查找匹配元素集合之前所有的同辈元素。 同辈元素集合可以通过选择器进行筛选。 语法结构: 代码如下:$(“selector”)....

    jQuery 遍历 – 同胞(siblings)

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

    Jquery遍历节点的方法小集

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

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

    jQuery.parent(expr) //找父元素 jQuery.parents(expr) //找到所有祖先元素,不限于父元素 jQuery.children(expr) //查找所有子元素,只会找到直接的孩子...jQuery.prevAll() //查找所有之前的兄弟节点 jQuery.next

    jQuery 1.4.1 中文参考

    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 6. 文档处理 91 6.1 内部...

    Jquery 1.3 简体中文手册

    prevAll([expr]) siblings([expr]) 串联 andSelf() end() 事件 页面载入 ready(fn) 事件处理 bind(type, [data], fn) one(type, [data], fn) trigger(type, [data]) triggerHandler(type, [data]) unbind(...

    JQuery 1.3 中文参考手册

    prevAll([expr]) siblings([expr]) 串联 andSelf() end() 事件 页面载入 ready(fn) 事件处理 bind(type, [data], fn) one(type, [data], fn) trigger(type, [data]) triggerHandler(type, [data]) unbind(...

    jQuery1.4 API

    ) prevAll([expr]) prevUntil([expr]) siblings([expr]) 串联 andSelf() end() 事件页面载入 ready(fn) 事件处理 bind(type, [data], fn) one(type, [data], fn) trigger(type, [data]) triggerHandler(type, [data]...

    jquery1.11.0手册

    prevall([expr]) prevUntil([e|e][,f]) siblings([expr]) 串联 add(e|e|h|o[,c])1.9* andSelf()1.8- addBack()1.9+ contents() end() 事件 页面载入 ready(fn) 事件处理 on(eve,[sel],[data],fn)1.7+...

    jQuery详细教程

    jQuery详细教程,讲解很透彻, 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() ...

    jQuery 1.5 API 中文版

    :nth-child(expr) :first-child :last-child :only-child Attribute Filters [attribute] [attribute=value] [attribute!=value] [attribute^=value] [attribute$=value] [attribute*=value] [attribute|=value] ...

    jQuery在ul中显示某个li索引号的方法

    本文实例讲述了jQuery在ul中显示某个li索引号的方法。分享给大家供大家参考。具体分析如下: ...//prevAll([expr]): 查找当前元素之前所有的同辈元素 }); 希望本文所述对大家的jQuery程序设计有所帮助。

    jquery 联动输入插件

    &lt;script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"&gt; .j_prompt_select { width: 350px; z-index:100; border: #7f9db9 1px solid; background: #fff; font-size: 12px; font-family: ...

    jQuery 筛选器简单操作示例

    本文实例讲述了jQuery 筛选器简单操作。分享给大家供大家参考,具体如下: jQuery 筛选器1 筛选器1: 在选择器选择的基础上在选择一次 ...$(this) // .next() 获取当标签的下一个标签 ...// .prevAll()

    jquery层次选择器的介绍

    jquery层次选择器,包括空格、&gt;、next、+、nextAll、~、siblings、prev()、prevAll()等函数或表达式。 1、空格表示获取所有子孙后代元素 2、 &gt;表示获取一级子元素 3、next函数获取紧接在之后的同辈元素列表 4、...

Global site tag (gtag.js) - Google Analytics