jQuery बारी तयार करने - prevAll() विधि

उदाहरण

अंतिम div के पहले के सभी div को स्थापित करें और उनको वर्ग जोड़ें:

$("div:last").prevAll().addClass("before");

अपने आप साबित करें

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

prevAll() वर्तमान में मेल खाते होने वाले एलिमेंट सेट के हर एलिमेंट के पहले के साथी एलिमेंटों को प्राप्त करता है, चयनकर्ता का उपयोग करना वैकल्पिक है。

व्याकरण

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

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

एक DOM एलिमेंट सेट को प्रस्तुत करने वाले jQuery ऑब्जेक्ट को देने पर, .prevAll() विधि DOM ट्री में इन एलिमेंटों के पहले के साथी एलिमेंटों को खोजने की अनुमति देती है और उनके साथ एक नया jQuery ऑब्जेक्ट बनाती है。

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

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

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

अगर हम तीसरे परियोजना से शुरू करते हैं, तो हम इस एलिमेंट के बीच के साथी एलिमेंटों को खोज सकते हैं:

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

अपने आप साबित करें

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