jQuery nextAll() 方法
jQuery 教程
· 2019-03-28 08:37:27
实例
返回带有类名 "start" 的每个 <li> 元素之后的所有同级元素：
$(document).ready(function(){
$("li.start").nextAll().css({"color":"red","border":"2px solid red"});
});
$("li.start").nextAll().css({"color":"red","border":"2px solid red"});
});
结果：
- ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
- li (sibling)
定义和用法
nextAll() 方法返回被选元素之后的所有同级元素。
同级元素是共享相同父元素的元素。
DOM 树：该方法沿着 DOM 元素的同级元素向前遍历。
相关方法：
- next() - 返回被选元素的后一个同级元素
- nextUntil() - 返回两个给定参数之间的每个元素之后的所有同级元素
语法
$(selector).nextAll(filter)
| 参数 | 描述 |
|---|---|
| filter | 可选。规定缩小搜索元素之后的同级元素范围的选择器表达式。 注意：如需返回多个同级元素，请使用逗号分隔每个表达式。 |
点击查看所有 jQuery 教程 文章: https://codercto.com/courses/l/35.html
用户思维+：好产品让用户为自己尖叫
[美] Kathy Sierra / 石航 / 人民邮电出版社 / 2017-9 / 69.00元
畅销产品与普通产品的本质区别是什么？若没有巨额预算、不爱营销噱头、不开奢华的产品发布会，如何打造可持续成功的产品？本书针对上述问题提出了新颖的观点：用户并不关心产品本身有多棒，而是关心使用产品时自己有多棒。作者利用其多年的交互设计经验，生动阐释了这一观点背后的科学。可贵的是，本书并不止步于解释“为什么”，还清晰呈现了“怎么做”。 本书风格活泼、图文并茂，其对话式内容既引人入胜，又引人深思，适......一起来看看 《用户思维+：好产品让用户为自己尖叫》 这本书的介绍吧!
