品易云推流 关闭
文章详情页
文章 > JavaScript > jQuery中prevAll()方法如何遍历获取元素?

jQuery中prevAll()方法如何遍历获取元素?

头像

宋雪维

2021-02-01 11:28:192201浏览 · 0收藏 · 0评论

小编介绍过jQuery遍历prev()方法可以选取被选元素的上一个同胞元素,如果我们想要选取的不仅仅是上一个元素。而是选取被选元素之前的所有同胞元素,可以使用prevAll()方法,本文介绍jQuery遍历prevAll()方法的介绍。

1、prevAll()方法

取得每个匹配的元素的前面的所有同辈元素的元素集合。

可以用一个可选的表达式在前面的所有同辈元素中进行筛选。

2、使用语法

.prevAll([selector])

3、使用参数

用于筛选前一个同辈元素的表达式

4、返回值

返回被选元素之前的所有同级元素

5、使用实例

<!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>

以上就是jQuery遍历prevAll()方法的介绍,希望能对你有所帮助哟~更多JavaScript学习推荐:JavaScript教程

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图