jQuery التدوير - طريقة children()

jQuery تمرين مرجع

مثال

ابحث عن جميع الأطفال لـ div الذي له اسم "محدد" واجعله أزرق:

$("div").children(".selected").css("color", "blue");

جربها بنفسك

تعريف و استخدام

تقوم الطريقة children() بالعودة إلى جميع العناصر الفرعية المحددة بالعناصر.

النحو

.children(selector)
معامل وصف
selector قيمة نصية تحتوي على تعبير ملفات مختارة للعناصر التي تتطابق معها.

شرح مفصل

إذا تم تقديم جسم jQuery يمثل مجموعة عناصر DOM، تسمح لنا الطريقة .children() باسترجاع هذه العناصر من شجرة DOM، وبناء جسم jQuery جديد يحتوي على العناصر التي تتطابق مع العناصر..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 على جميع العناصر الفرعية. إذا تم تطبيق ملفات مختارة، فإنها ستشمل فقط العناصر التي تتطابق معها.

jQuery تمرين مرجع