children मेथड

children मेथड केवल एलिमेंट के सीधे चाइल्ड एलिमेंट्स लौटाता है, टेक्स्ट नोड्स नहीं लौटाता। सभी चाइल्ड एलिमेंट्स, टेक्स्ट और कमेंट्स सहित प्राप्त करने के लिए contents मेथड का उपयोग करें।

सिंटैक्स

सीधे चाइल्ड एलिमेंट्स प्राप्त करना:

.children();

चाइल्ड एलिमेंट्स को दिए गए सेलेक्टर से फिल्टर भी किया जा सकता है:

.children(selector);

उदाहरण

आइए div टैग के सभी सीधे चाइल्ड एलिमेंट्स ढूंढते हैं और उनके अंत में '!' जोड़ते हैं append मेथड का उपयोग करके:

<div>
	<p>text</p>
	<p>text</p>
	<p>text</p>
</div>

$('div').children().append('!');

HTML कोड इस तरह दिखेगा:

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

उदाहरण

आइए अब www क्लास वाले सभी सीधे चाइल्ड एलिमेंट्स ढूंढते हैं:

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

$('div').children('.www').append('!');

HTML कोड इस तरह दिखेगा:

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

यह भी देखें

contents मेथड,
जो एलिमेंट के चाइल्ड एलिमेंट्स और उसके अंदर के टेक्स्ट को प्राप्त करने की अनुमति देता है
parent मेथड,
जो एलिमेंट के पैरेंट को प्राप्त करने की अनुमति देता है
parents मेथड,
जो एलिमेंट के सभी पैरेंट्स को प्राप्त करने की अनुमति देता है
JavaScript प्रॉपर्टी children,
जिसमें चाइल्ड एलिमेंट्स की छद्म-सरणी संग्रहीत होती है