在 jQuery 中,可以使用下一级选择器来选取某个元素下的直接子元素。

下一级选择器使用 ">" 符号,其语法格式为:

$("父元素 >子元素")

下面的代码示例选取了 id 为"parent" 的<div>元素下的直接子元素<p>元素:

$("#parent >p").css("color", "red");

上面的例子会将选取的所有直接子元素<p>的文本颜色修改为红色。

需要注意的是,下一级选择器只能选取直接子元素,如果需要选取非直接子元素,可以使用后代选择器 " ",代码如下:

$("#parent p").css("color", "red");

上面的代码选取了 id 为"parent" 的元素下的所有<p>元素,包括子元素的子元素。

jquery里的下一级