jQuery 遍历 - 同胞（2）

  jQuery 遍历 - 同胞（2）

第一部分：介绍方法

（1）     prev()：获得匹配元素集合中每个元素紧邻的前一个同辈元素。

（2）     prevAll()：获得匹配元素集合中每个元素之前的所有同辈元素。

（3）     prevUntil()：获得每个元素之前所有的同辈元素，直到遇到匹配选择器的元素为止。

第二部分：代码结构展示

（1）这一张图中的代码是：HTML的部分

 

（2）第二张图中是我们的Css部分样式以及我们的JQ部分遍历同胞(2)的方法设置

 

第三部分：效果图展示

（1）这是没有展示效果的原图

​

（2）这张图是我们的第一个方法prev()：获得匹配元素集合中每个元素紧邻的前一个同辈元素

（3）这张图是我们的第二个方法prevAll()：获得匹配元素集合中每个元素之前的所有同辈元素。

（4）这张图是我们的第三个方法prevUntil()：获得每个元素之前所有的同辈元素，直到遇到匹配选择器的元素为止

上面的图中为什么会是第二个span标签会有效果，而前面的p标签回没有效果呢？因为我设置p标签为匹配到的元素，所以它在匹配到p标签后就停止了下来，而效果则出现在了soan标签上.

这是我所学到的jQuery 遍历 -同胞（2）的方法，想分享给你们，希望可以帮助到你们。以上就是我的分享，如有更好的方法，欢迎大家推荐！写错的地方，欢迎大家在评论区指正！谢谢！