جی کوئی نحوی پیمانہ - بچوں کو بچھانے کا طریقہ
مثال
پائیداروکھوکو جو کلاس نا 'selected' رکھتی ہو، ان کے بچوں کو بنانے کا عمل آپریشن کریں:
$("div").children(".selected").css("color", "blue");
تعریف و استفاده
روش children() فرزندان مستقیم عناصر انتخابشده را بازمیگرداند.
قانوننویسی
.children(selector)
| پارامتر | توضیح |
|---|---|
| selector | مقدار زنجیرهای، شامل عبارت انتخابکننده تطابقیافته با عناصر. |
شرح دقیق
اگر جعبه جویای jQuery برای مجموعهای از عناصر DOM داده شده باشد، روش .children() به ما اجازه میدهد تا عناصر این درخت DOM را به دست آوریم و جعبه جویای جدیدی از عناصر تطابقیافته بسازیم..find() مثل روش .children() است، اما این روش فقط به یک لایه از درخت DOM پایینتر میرود.
لطفاً توجه کنید که مانند بیشتر روشهای jQuery، .children() گرههای متن را باز نمیگرداند؛ اگر نیاز به دریافت همه فرزندان شامل گرههای متن و ویرایشها دارید، از .contents() استفاده کنید.
این روش یک عبارت انتخابکننده به عنوان پارامتر اختصاصی میپذیرد، که نوع پارامتری که به $() ارسال میکنیم مشابه آن است. اگر این انتخابکننده را اعمال کنید، بررسی میکند که آیا عناصر تطابقیافته با این عبارت هستند یا خیر و آنها را برای فیلتر کردن انتخاب میکند.
این صفحه با لیستهای پیچیده دارای اساس را در نظر بگیرید:
<ul class="level-1">
<li class="item-i">I</li>
<li class="item-ii">II
<ul class="level-2">
<li class="item-a">A</li>
<li class="item-b">B
<ul class="level-3">
<li class="item-1">1</li>
<li class="item-2">2</li>
<li class="item-3">3</li>
</ul>
</li>
<li class="item-c">C</li>
</ul>
</li>
<li class="item-iii">III</li>
</ul>
اگر از لیست level-2 شروع کنیم، میتوانیم فرزندان آن را پیدا کنیم:
$('ul.level-2').children().css('background-color', 'red');
نتایج این کد، پسزمینه پروژههای A, B, C به قرمز تبدیل میکند. چون ما از عبارت انتخابکننده استفاده نکردهایم، جعبه جویای jQuery شامل همه فرزندان است. اگر یک انتخابکننده را اعمال کنید، فقط پروژههای تطابقیافته شامل میشود.
