365体育备用网址报道jQuery 遍历 - next() 方法_365体育备用网址官网资讯

jQuery/jquery_ref_traversing.HTML" title="jQuery 参考手册 - 遍历">jQuery 遍历参考手册

实例

查找每个段落的下一个同胞元素,仅选中类名为 "selected" 的段落:

$("p").next(".selected").CSS("background", "yellow");

PHP?filename=jquery_traversing_next">亲自试一试

定义和用法

next() 获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器,则取回匹配该选择器的下一个同胞元素。

语法

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

详细说明

如果给定一个表示 DOM 元素集合的 jQuery 对象,.next() 方法同意我们搜索 DOM 树中的元素紧跟的同胞元素,并用匹配元素构造新的 jQuery 对象。

该方法接收可选的选择器表示式,类型与我传递到 $() 函数中的相同。如果紧跟的同胞元素匹配该选择器,则会留在新构造的 jQuery 对象中;否则会将之排除。

请思索下面这个带有简单列表的页面:

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

如果我们从项目三开头,则能够找到其后出现的元素:

$('li.third-item').next().css('background-color', 'red');

亲自试一试

这次调用的结果是,项目 4 被设置为红色背景。由于我们没有应用选择器表示式,紧跟的这个元素很明确地被包括为对象的一部分。如果我们已经应用了选择器,在包含它之前会检测是否匹配。

------分隔线----------------------------

公布评论 (107人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换通宝pt手机客户端
最新评论