children()方法返回所选元素的所有直接子级元素。
注意: children()方法仅向下遍历DOM树的单个级别。要遍历多个级别,请使用find()方法。
children()方法类似于contents()方法,不同之处在于它不返回文本和注释节点。
$(selector).children(selectorExpression)
返回元素是DIV的直接子元素:
$(document).ready(function(){ $("div").children().css("background-color", "coral"); });测试看看‹/›
返回所有直接属于DIV的子段:
$(document).ready(function(){ $("div").children("p").css("background-color", "coral"); });测试看看‹/›
返回clicked元素的所有子元素:
$("#container").click(function(event){ $("*").removeClass("hilite"); let kids = $(event.target).children(); let len = kids.addClass("hilite").length; $("#results span:first").text(len); $("#results span:last").text(event.target.tagName); event.preventDefault(); });测试看看‹/›
children()方法仅向下遍历DOM树的单个级别。以下示例返回的元素是div id="box"的直接子元素:
p (曾孙级) span (曾曾孙级)
参数 | 描述 |
---|---|
selectorExpression | (可选)指定选择器表达式以匹配元素 |