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

jquery 遍历 prevAll([expr])

jQueryHTML 
阅读更多

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

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

相关推荐

    jQuery中prevAll()方法用法实例

    在jQuery库中，`prevAll()`方法是一种非常实用的选择器，它允许开发者选取当前匹配元素集合之前的所有同级元素。这个方法尤其适用于处理DOM结构中的元素遍历和操作。下面我们将详细探讨`prevAll()`方法的用法、语法...

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

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

    jQuery对象属性.docx

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

    Jquery文档

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

    jquery_1.3_cheatsheet_v1

    - **prevAll([expr])**：获取所有匹配元素之前的兄弟元素。 - **filter(func)**：减少匹配元素集。 - **filter(expr)**：减少匹配元素集。 - **is(expr)**：检查所有匹配元素是否与某个选择器匹配。 - **map(func)**...

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

    在文章中提到了一个核心方法`prevAll([expr])`，这是jQuery中的一个过滤器，它会选择当前元素之前的所有同辈元素，并返回包含这些元素的jQuery对象。通过获取这个对象的长度，我们就可以得到当前点击的li元素在同辈...

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

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

    jquery实用代码片段集合

    jQuery是一个快速、小巧且功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互。jQuery极大地简化了JavaScript编程，让开发者能够以更少的代码完成复杂的操作。 #### 加载外部jQuery库 为了...

    JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法

    - `find(expr)`：从当前元素开始向下遍历DOM树，并返回匹配选择器`expr`的后代元素。 例如： ```javascript $('span').prev(); // 获取的前一个兄弟元素 $('span').prevAll(); // 获取之前的所有兄弟元素 $('span')...

    jQuery中closest()函数用法实例

    jQuery中的closest()函数是一个非常实用的工具，它可以帮助我们从当前选定的元素出发，向上遍历DOM树直到找到最近的匹配指定选择器的祖先元素。这个函数在处理具有层级结构的HTML文档时特别有用，例如，如果有一个...

    js 获取元素所有兄弟节点的实现方法

    - `.filter(expr)`：从初始的jQuery对象集合中筛选出符合条件的元素。 例如，如果我们只想获取紧邻当前元素的前一个和后一个兄弟节点，可以使用`.prev()`和`.next()`方法。而`.prevAll()`和`.nextAll()`则可以获取...

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