在 jQuery 中,可以使用下一级选择器来选取某个元素下的直接子元素。
下一级选择器使用 ">" 符号,其语法格式为:
$("父元素 >子元素")
下面的代码示例选取了 id 为"parent" 的<div>
元素下的直接子元素<p>
元素:
$("#parent >p").css("color", "red");
上面的例子会将选取的所有直接子元素<p>
的文本颜色修改为红色。
需要注意的是,下一级选择器只能选取直接子元素,如果需要选取非直接子元素,可以使用后代选择器 " ",代码如下:
$("#parent p").css("color", "red");
上面的代码选取了 id 为"parent" 的元素下的所有<p>
元素,包括子元素的子元素。