在 jQuery 中,可以使用下一級選擇器來選取某個元素下的直接子元素。
下一級選擇器使用 ">" 符號,其語法格式為:
$("父元素 > 子元素")
下面的代碼示例選取了 id 為"parent" 的<div>
元素下的直接子元素<p>
元素:
$("#parent > p").css("color", "red");
上面的例子會將選取的所有直接子元素<p>
的文本顏色修改為紅色。
需要注意的是,下一級選擇器只能選取直接子元素,如果需要選取非直接子元素,可以使用后代選擇器 " ",代碼如下:
$("#parent p").css("color", "red");
上面的代碼選取了 id 為"parent" 的
元素下的所有
<p>
元素,包括子元素的子元素。