طريقة jQuery children()

طرق التتبع jQuery

طريقة 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");
});

العودة إلى جميع الأبناء للعنصر المضغوط:

$("#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":

قيمة المتغير

طرق التتبع jQuery