codecamp

jQuery element + next 选择器

jQuery element + next 选择器

jQuery 选择器 jQuery 选择器

实例

选取与每个 <div> 元素相邻的下一个 <p> 元素:

$("div + p")

尝试一下 »

定义和用法

("element + next") 选择器选取指定元素 "element" 的下元素 "next"。"next" 元素必须置于指定元素 "element" 的右边。

实例:如果 <div> 元素右边有两个 <p> 元素,则语法如下:

  • $("div + p") - 只选取第一个 <p> 元素,因为它是 <div> 元素的下一个元素(另一个 <p> 元素将被忽略)

实例:如果 <div> 元素和 <p> 元素右边有一个 <h2> 元素,则语法如下:

  • $("div + p") - 将不选取 <p> 元素,因为 <div> 元素的下一个元素是 <h2> 元素

注意:指定的两个元素共享相同的父元素。


语法

("element + next")

参数 描述
element 必需。任何有效的 jQuery 选择器。
next 必需。规定元素,必须是 element 参数的 next 元素。


实例

尝试一下 - 实例

选取每个 <ul> 元素相邻的下一个 <div> 元素
如何选取每个 <ul> 元素相邻的下一个 <div> 元素。


jQuery 选择器 jQuery 选择器

温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }