children()方法返回所選元素的所有直接子級元素。
注意: children()方法僅向下遍歷DOM樹的單個級別。要遍歷多個級別,請使用find()方法。
children()方法類似于contents()方法,不同之處在于它不返回文本和注釋節(jié)點。
$(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 (曾曾孫級)
參數(shù) | 描述 |
---|---|
selectorExpression | (可選)指定選擇器表達式以匹配元素 |