jQuery|”+”相邻选择器

前端开发 简书

jQuery element + next 选择器

实例

选取与每个

元素 相邻 的下一个

元素:

$("div + p")

定义和用法

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

语法

(“element + next”)

element 必需。任何有效的 jQuery 选择器。

next 必需。规定元素,必须是 element 参数的 next 元素。


 
 



$(document).ready(function(){
  $("div + p").css("background-color","yellow");
});




$("div + span") 会选取什么元素?

这个是 div 元素

这个 p 元素是 div 的下一个元素

这是另外一个 p 元素

这是在 div 中的 p 元素

这是 在 div 元素后的标题

这是一个 p 元素(这个 p 元素不会被选取,因为以上的 h2 元素是 div 的下一个元素)。

image.png

简书稿源:简书 (源链) | 关于 | 阅读提示

本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
酷辣虫 » 前端开发 » jQuery|”+”相邻选择器

喜欢 (0)or分享给?

专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

使用声明 | 英豪名录