JQuery 遍历 - prev() 方法
2015-04-16 10:55
232 查看
http://www.w3school.com.cn/jquery/traversing_prev.asp
http://www.w3school.com.cn/jquery/jquery_ref_traversing.asp
描述:取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。选择性筛选的选择器。
如果提供的jQuery代表了一组DOM元素,
该方法选择性地接受同一类型选择器表达式,我们可以传递给
考虑一个页上有一个简单的列表:
如果我们开始在第三个项目,我们可以找到元素的紧邻的前一个同辈元素:
此调用的结果是项目2红色背景。由于我们没有提供一个选择的表达,所有的兄弟姐妹都是对象的一部分。如果我们提供的一个,其中只有四个匹配的项目将包括在内。
如果上一个兄弟不存在,或如果前面的同级元素不匹配所提供的选择器,返回一个空的jQuery对象。
要选择前面所有的同辈元素,而不仅仅是一个相邻的兄弟,请使用.prevAll()方法。
http://www.w3school.com.cn/jquery/jquery_ref_traversing.asp
描述:取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。选择性筛选的选择器。
如果提供的jQuery代表了一组DOM元素,
.prev()方法通过这些元素组合传递到方法构造一个新的jQuery对象。
该方法选择性地接受同一类型选择器表达式,我们可以传递给
$()函数。如果选择供应,将被过滤的元素通过测试它们是否匹配。
考虑一个页上有一个简单的列表:
1 2 3 4 5 6 7 | <ul> <li>list item 1</li> <li>list item 2</li> <li class="third-item">list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul> |
1 | $('li.third-item').prev().css('background-color', 'red'); |
如果上一个兄弟不存在,或如果前面的同级元素不匹配所提供的选择器,返回一个空的jQuery对象。
要选择前面所有的同辈元素,而不仅仅是一个相邻的兄弟,请使用.prevAll()方法。
相关文章推荐
- jQuery遍历之prev()方法
- jQuery 遍历 - 同层方法siblings() next() nextAll() nextUntil() prev() prevAll() prevUntil()(二十四)
- jQuery遍历之prev()方法
- jQuery基础教程之DOM操作-遍历节点-prev()方法
- jQuery基础教程之DOM操作-遍历节点-prevUntil()方法
- jQuery 遍历 - nextUntil() 方法 及 prevUntil()方法
- jquery遍历 --prev()方法
- jquery使用each方法遍历json格式数据实例
- JavaScript专题之jQuery通用遍历方法each的实现
- jQuery 遍历 - parentsUntil() 方法
- jQuery遍历之parents()方法
- jQuery 遍历 - closest() 方法实现点击元素本身以外隐藏元素
- jQuery遍历节点树方法分析
- jquery $.each遍历json数组方法
- jquery中object对象循环遍历的方法
- jQuery 遍历 - filter() 方法
- JQuery遍历筛选方法
- jquery对Json的各种遍历方法总结(必看篇)
- jQuery实现遍历XML节点和属性的方法示例
- jQuery 遍历 - find() 方法