children পদ্ধতি

children পদ্ধতি শুধুমাত্র একটি এলিমেন্টের সরাসরি চাইল্ড এলিমেন্টগুলো রিটার্ন করে এবং টেক্সট নোড রিটার্ন করে না। সমস্ত চাইল্ড নোড, টেক্সট এবং কমেন্টস সহ পেতে contents পদ্ধতি ব্যবহার করুন।

সিনট্যাক্স

সরাসরি চাইল্ড এলিমেন্ট পাওয়া:

javascript.children();

একটি সিলেক্টর দিয়ে চাইল্ড এলিমেন্টগুলো ফিল্টারও করা যায়:

javascript.children(selector);

উদাহরণ

আসুন div ট্যাগের সব সরাসরি চাইল্ড এলিমেন্ট খুঁজে বের করি এবং append পদ্ধতি ব্যবহার করে সেগুলোর শেষে '!' যোগ করি:

html<div>
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>
javascript$('div').children().append('!');

HTML কোডটি এখন এইরকম দেখাবে:

html<div>
  <p>text!</p>
  <p>text!</p>
  <p>text!</p>
</div>

উদাহরণ

আসুন এখন www ক্লাস সহ সমস্ত সরাসরি চাইল্ড খুঁজে বের করি:

html<div>
  <p class="www">text</p>
  <p class="www">text</p>
  <p>text</p>
</div>
javascript$('div').children('.www').append('!');

HTML কোডটি এখন এইরকম দেখাবে:

html<div>
  <p class="www">text!</p>
  <p class="www">text!</p>
  <p>text</p>
</div>

আরও দেখুন

  • contents পদ্ধতি,
    যা একটি এলিমেন্টের চাইল্ড নোড এবং এর ভিতরের টেক্সট পেতে দেয়
  • parent পদ্ধতি,
    যা একটি এলিমেন্টের প্যারেন্ট এলিমেন্ট পেতে দেয়
  • parents পদ্ধতি,
    যা একটি এলিমেন্টের সমস্ত প্যারেন্ট এলিমেন্ট পেতে দেয়
  • JavaScript প্রপার্টি children,
    যাতে চাইল্ড এলিমেন্টগুলোর পseudocode-অ্যারে সংরক্ষণ করা থাকে