next

英 [nekst]   美 [nɛkst]  

adj.紧接在后的;次于的;贴近的;紧邻的

adv.接下去;然后;居后地;依次的

n.下一个;下一位

prep.靠近;居于…之后;在…的隔壁

all

英 [ɔ:l]   美 [ɔl]  

adj.全部的;一切的;各种的;极度的,尽量的

pron.全部;一切;每个人,每件东西;全部情况

adv.全部地;完全地;每个;非常

n.全体;[常作A-]整体;[常与my, your, his, her等连用](某人)所有的一切


jquery nextAll()方法 语法

作用:nextAll() 获得匹配元素集合中每个元素的所有跟随的同胞元素,由选择器筛选是可选的。

语法:.nextAll(selector)

参数:

参数描述
selector    字符串值,包含用于匹配元素的选择器表达式。 

说明:如果给定一个表示 DOM 元素集合的 jQuery 对象,.nextAll() 方法允许我们搜索 DOM 树中的元素跟随的同胞元素,并用匹配元素构造新的 jQuery 对象。该方法接受可选的选择器表达式,类型与我传递到 $() 函数中的相同。如果应用选择器,则将通过检测元素是否匹配来对它们进行筛选。

jquery nextAll()方法 示例

<!DOCTYPE html>
<html>
<head>
  <style>
  div { width: 80px; height: 80px; background: #abc; 
        border: 2px solid black; margin: 10px; float: left; }
  div.after { border-color: red; }
  </style>
  <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>

<body>
  <div>first</div>
  <div>sibling<div>child</div></div>
  <div>sibling</div>
  <div>sibling</div>
<script>
$("div:first").nextAll().addClass("after");
</script>
</body>
</html>
运行实例 »

点击 "运行实例" 按钮查看在线实例