jQuery परिभ्रमण - prevUntil() विधा

jQuery परिभ्रमण संदर्भ ग्रंथ

उदाहरण

प्रत्येक p एलीमेंट के सभी क्लास नाम "selected" के साथी एलीमेंटों को खोजें:

$("p").siblings(".selected")

अपने आप से प्रयास करें

वर्णन और उपयोग

siblings() प्रत्येक मेल खाने वाले एलीमेंट के साथी एलीमेंट प्राप्त करता है, चयनकर्ता के माध्यम से फ़िल्टर करना वैकल्पिक है।

व्याकरण

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

विस्तृत व्याख्या

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

यह विधि वैकल्पिक चयनकर्ता एक्सप्रेशन ग्रहण करती है, जो हम डॉलर ($()) फ़ंक्शन में पाठाते हैं। अगर इस चयनकर्ता का इस्तेमाल किया जाता है, तो एलीमेंट को चयनकर्ता से मेल खाने के लिए जांच किया जाएगा।

इस बुनियादी गहन सूची वाले पृष्ठ को सोचिए:

<ul>
   <li>सूची एलीमेंट 1</li>
   <li>सूची एलीमेंट 2</li>
   <li class="third-item">सूची एलीमेंट 3</li>
   <li>सूची एलीमेंट 4</li>
   <li>सूची एलीमेंट 5</li>
</ul>

यदि हम तीसरे प्रोजेक्ट से शुरू करते हैं, तो हम इस एलीमेंट के साथी एलीमेंट को खोज सकते हैं:

$('li.third-item').siblings().css('background-color', 'red');

अपने आप से प्रयास करें

इस जगह पर आमंत्रित परिणाम यह है कि प्रोजेक्ट 1, 2, 4 और 5 का पृष्ठभूमि रंग लाल कर दिया गया है। लाल पृष्ठभूमि पर रखा गया है। हमने चयनकर्ता एक्सप्रेशन नहीं लगाया है, इसलिए सभी साथी एलीमेंट स्वाभाविक रूप से एक अब्ज़द के एक भाग के रूप में बन गए हैं। अगर चयनकर्ता एक्सप्रेशन लगाया होता, तो केवल चार सूची में मेल खाने वाले प्रोजेक्टों को ही शामिल किया जाएगा।

मूल एलीमेंट साथी एलीमेंट में शामिल नहीं है, जब हमने डॉम ट्री के विशिष्ट स्तर पर सभी एलीमेंटों को खोजना चाहते हैं, तो एक बात याद रखने की आवश्यकता है।

jQuery परिभ्रमण संदर्भ ग्रंथ