jQuery প্রবহণ - children() মথুর

jQuery প্রবলিত পুস্তক

ইনস্ট্যান্স

সকল "selected" নামক ডিভ এর সাব-এলিমেন্টকে ব্লু করে সেট করুন:

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

আপনার নিজেই চেষ্টা করুন

বিবরণ ও ব্যবহার

children() পদ্ধতি নির্দিষ্ট চিহ্নিতকরণ এলিমেন্টকে সকল সরাসরি সাব-এলিমেন্টদের ফেরাস করে

সিন্তাক্স

.children(selector)
প্রমাণ বর্ণনা
selector স্ট্রিং মান, মিলান হওয়া এলিমেন্টকে চিহ্নিতকরণ এক্সপ্রেসন

বিস্তারিত বর্ণনা

যদি একটি DOM এলিমেন্ট কলেকশনকে নির্দেশ করা হয়, .children() পদ্ধতি .children() দ্বারা একটি নতুন 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 প্রবলিত পুস্তক