jQuery बारी तयारी - eq() विधि

jQuery बारी तयारी पुस्तक

उदाहरण

index 2 के div को उचित क्लास जोड़कर इसे नीला बनाएं:

$("body").find("div").eq(2).addClass("blue");

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

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

eq() विधि सेट में निर्दिष्ट index पर मेल खाने वाले एलिमेंट को छोड़ देती है。

व्याकरण

.eq(index)
पारामीटर वर्णन
index

संख्या, एलिमेंट की स्थिति को संकेत करती है (सबसे कम 0)

नकारात्मक संख्या होने पर, यह सेट के अंत से वापस गिनती करती है。

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

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

कृपया नीचे दिए गए सरल सूची को देखें:

<ul>
  <li>सूची आइटम 1</li>
  <li>सूची आइटम 2</li>
  <li>सूची आइटम 3</li>
  <li>सूची आइटम 4</li>
  <li>सूची आइटम 5</li>
</ul>

उदाहरण 1

हम इस लिस्ट आइटम सेट पर इस विधि का उपयोग कर सकते हैं:

$('li').eq(2).css('background-color', 'red');

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

इस बुलावट का परिणाम यह है कि प्रोजेक्ट 3 का पृष्ठभूमि लाल हो गया है। कृपया ध्यान दें कि index शून्य आधारित है और यह जेनेरिक जेक्वेरी ऑब्जेक्ट में एलिमेंट की स्थिति को संदर्भित करता है, नहीं कि DOM ट्री में。

उदाहरण 2

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

$('li').eq(-2).css('background-color', 'red');

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

इस बार, प्रोजेक्ट 4 का पृष्ठभूमि लाल हो गया है, क्योंकि यह सेट के अंत से शुरू करने वाला दूसरा है。

उदाहरण 3

यदि निर्दिष्ट index पारामीटर के अनुसार एलिमेंट नहीं मिलता, तो यह विधि खाली सेट के साथ जेनेरिक जेक्वेरी ऑब्जेक्ट बनाती है, length अटैबिट का मान 0 है。

$('li').eq(5).css('background-color', 'red');

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

यहाँ, कोई सूची आइटम नहीं लाल होगा, क्योंकि .eq(5) द्वारा संकेतित छठा सूची आइटम है。

jQuery बारी तयारी पुस्तक