jQuery बढ़ाना - prevUntil() विधि

jQuery विश्लेषण संदर्भ पुस्तिका

उदाहरण

सभी पैराग्राफ़ को चुनें, फिर चयनित सामग्री को पहले और दूसरे पैराग्राफ़ केवल समाहित करने के लिए कम करें:

$("p").slice(0, 2).wrapInner("");

स्वयं की जाँच करें

定义和用法

slice() 把匹配元素集合缩减为指定的指数范围的子集。

语法

.slice(selector,end)
参数 描述
selector

基于 0 的整数值，指示开始选取元素的位置。

如果是负数，则指示从集合末端开始的偏移量。
end

基于 0 的整数值，指示结束选取元素的位置。

如果是负数，则指示从集合末端开始的偏移量。

如果省略，则选取范围会在集合末端结束。

详细说明

如果给定一个表示 DOM 元素集合的 jQuery 对象，.slice() 方法用匹配元素的子集构造一个新的 jQuery 对象。已应用的 index 参数集合中其中一个元素的位置；如果省略 end 参数，则 index 之后的所有的所有元素都会包含在结果中。

यह साधारण सूची वाला पृष्ठ विचार करें:

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

हम इसे सूची आइटम संग्रह पर लागू कर सकते हैं:

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

स्वयं की जाँच करें

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

end पारामीटर हमें चयन की अवधि को और अधिक सीमित करने की अनुमति देता है। उदाहरण के लिए:

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

स्वयं की जाँच करें

अब केवल परियोजना 3 और 4 चुनी जाएंगी। फिर भी, इंडेक्स शून्य आधारित है; अवधि निर्दिष्ट इंडेक्स तक (बगैर समाविष्ट) विस्तृत होगी。

नकारात्मक गुणांक

jQuery की .slice() विधा JavaScript आयत्त वस्तु की .slice() विधा का मूल प्रतिरूप है। इसके मूल प्रतिरूप में से एक विशेषता यह है कि शुरू या अंत वाले संबंधी संख्या को नकारात्मक संख्या के रूप में दे देने की क्षमता। यदि नकारात्मक संख्या दी जाती है, तो यह संदर्भ संग्रह के अंत से शुरू होने वाले स्थान को संदर्भित करता है, न कि शुरू से। उदाहरण के लिए:

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

स्वयं की जाँच करें

इस बार केवल सूची आइटम 4 लाल होगा, क्योंकि यह परियोजना समाप्ति से गिनती होने वाले दो (-2) और समाप्ति से गिनती होने वाले एक (-1) के बीच का एकमात्र परियोजना है。

jQuery विश्लेषण संदर्भ पुस्तिका