jQuery घूमाना - children() विधि

jQuery विवरण निर्देशिका

उदाहरण

दूसरा "selected" की क्लास वाले सभी div के उपशिष्टकों को पाएं और उन्हें नीला रंग दें:

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

स्वयं को प्रयोग करें

विभावना और उपयोग

children() विधि चयन किए गए एलिमेंट के सभी सीधे सब-एलिमेंट्स को वापस करती है。

व्याकरण

.children(चयनकर्ता)
पारामीटर वर्णन
चयनकर्ता शब्दकोश वैल्यू, जो मेल खाते एलिमेंट्स के लिए चयनकर्ता एक्सप्रेशन को शामिल करता है。

विस्तृत वर्णन

यदि डॉम एलिमेंट सेट को प्रस्तुत किया गया jQuery ऑब्जेक्ट, .children() विधि हमें डॉम ट्री में इन एलिमेंट्स को खोजने और उनके साथ मेल खाते एलिमेंट्स से नए jQuery ऑब्जेक्ट का सृजन करने की अनुमति देती है।.find() और .children() विधि के समान, लेकिन उसके बजाय, यह दोनों को एक ही स्तर पर अग्रसर होता है।

ध्यान दें कि अधिकांश 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 विवरण निर्देशिका