购物车
登陆 / 注册
微信扫码登陆

推荐手册

jQuery 教程手册(新) >> jQuery手册
其他教程参考

jQuery element + next 选择器

jQuery element + next 选择器
("element + next") 选择器选取指定元素 "element" 的下元素 "next"。"next" 元素必须置于指定元素 "element" 的右边
蹊下 蹊下 更新时间:2019-02-14 14:49:29

jQuery element + next 选择器

定义和用法

("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 元素。    

实例

<body>
  <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("div+p").css("background-color","pink");
});
</script>
</head>
<body>
<div style="border:1px solid;">
<p>只有一个段落</p>
</div><br>

<div style="border:1px solid;">
<span>这是 span 元素</span>
<p>唯一的段落</p>
</div>
<p>html中文网</p>
</body>

运行实例 »

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

效果图:


  
   

  


网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号