jquery next()方法
翻译结果:
next
英 [nekst] 美 [nɛkst]
adj.紧接在后的;次于的;贴近的;紧邻的
adv.接下去;然后;居后地;依次的
n.下一个;下一位
prep.靠近;居于…之后;在…的隔壁
jquery next()方法语法
作用:next() 获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器,则取回匹配该选择器的下一个同胞元素。
语法:.next(selector)
参数:
参数 | 描述 |
selector | 字符串值,包含用于匹配元素的选择器表达式。 |
说明:如果给定一个表示 DOM 元素集合的 jQuery 对象,.next() 方法允许我们搜索 DOM 树中的元素紧跟的同胞元素,并用匹配元素构造新的 jQuery 对象。该方法接受可选的选择器表达式,类型与我传递到 $() 函数中的相同。如果紧跟的同胞元素匹配该选择器,则会留在新构造的 jQuery 对象中;否则会将之排除。
jquery next()方法示例
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <p>Hello</p> <p class="selected">Hello Again</p> <div><span>And Again</span></div> <script> $("p").next(".selected").css("background", "yellow"); </script> </body> </html>
点击 "运行实例" 按钮查看在线实例