jQuery ਗਤੀਵਿਧੀ - prevUntil() ਮੱਥਾ
ਉਦਾਹਰਣ
ਸਾਰੇ ਪੈਰਾਗ੍ਰਾਫ਼ਾਂ ਨੂੰ ਚੁਣੋ ਅਤੇ ਚੁਣੇ ਹੋਏ ਸਮੱਗਰੀ ਨੂੰ ਕੇਵਲ ਪਹਿਲਾ ਅਤੇ ਦੂਜਾ ਪੈਰਾਗ੍ਰਾਫ ਸਮੇਤ ਕਰੋ:
$("p").slice(0, 2).wrapInner("");
定义和用法
slice() 把匹配元素集合缩减为指定的指数范围的子集。
语法
.slice(selector,end)
| 参数 | 描述 |
|---|---|
| selector |
ਜ਼ਿਰੋ ਉੱਤੇ ਅਧਾਰਿਤ ਪੂਰਣ ਗੁਣਾਤਮਕ ਸੰਖਿਆ, ਇਹ ਸ਼ੁਰੂ ਚੁਣੇ ਹੋਏ ਈਲੈਮੈਂਟ ਦੀ ਸਥਿਤੀ ਨੂੰ ਸੂਚਿਤ ਕਰਦੀ ਹੈ。 ਜੇਕਰ ਨਕਾਰਾਤਮਕ ਹੈ, ਤਾਂ ਇਹ ਸਮੂਹ ਦੇ ਸਮਾਪਤ ਤੋਂ ਸ਼ੁਰੂ ਕਰਦੀ ਇੱਕ ਸਮਾਪਤ ਹੈ। |
| end |
ਜ਼ਿਰੋ ਉੱਤੇ ਅਧਾਰਿਤ ਪੂਰਣ ਗੁਣਾਤਮਕ ਸੰਖਿਆ, ਇਹ ਸਮਾਪਤ ਚੁਣੇ ਹੋਏ ਈਲੈਮੈਂਟ ਦੀ ਸਥਿਤੀ ਨੂੰ ਸੂਚਿਤ ਕਰਦੀ ਹੈ。 ਜੇਕਰ ਨਕਾਰਾਤਮਕ ਹੈ, ਤਾਂ ਇਹ ਸਮੂਹ ਦੇ ਸਮਾਪਤ ਤੋਂ ਸ਼ੁਰੂ ਕਰਦੀ ਇੱਕ ਸਮਾਪਤ ਹੈ। ਜੇਕਰ ਛੱਡ ਦਿੱਤਾ ਗਿਆ ਹੈ, ਤਾਂ ਚੁਣੇ ਹੋਏ ਰੈਂਜ ਸਮੂਹ ਦੇ ਸਮਾਪਤ ਤੱਕ ਮੁਕਤ ਹੋਵੇਗਾ。 |
ਵਿਸਤ੍ਰਿਤ ਵਰਣਨ
ਜੇਕਰ ਇੱਕ DOM ਈਲੈਮੈਂਟ ਸਮੂਹ ਦੇ ਪ੍ਰਤੀਕ ਦਾ ਜੂਨੀਟ ਆਬਜੈਕਟ ਦਿੱਤਾ ਗਿਆ ਹੈ, .slice() ਮੱਥਦਾ ਚੁਣੇ ਹੋਏ ਈਲੈਮੈਂਟਾਂ ਦੇ ਉਪ ਸਮੂਹ ਤੋਂ ਇੱਕ ਨਵਾਂ ਜੂਨੀਟ ਆਬਜੈਕਟ ਬਣਾਉਂਦਾ ਹੈ। ਪ੍ਰਦਾਨ ਕੀਤੇ ਗਏ index ਪੈਰਾਮੀਟਰਾਂ ਵਿੱਚ ਇੱਕ ਈਲੈਮੈਂਟ ਦਾ ਸਥਾਨ; ਜੇਕਰ end ਪੈਰਾਮੀਟਰ ਛੱਡ ਦਿੱਤਾ ਗਿਆ ਹੈ, ਤਾਂ index ਤੋਂ ਬਾਅਦ ਦੇ ਸਾਰੇ ਈਲੈਮੈਂਟ ਨਤੀਜੇ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਣਗੇ。
ਇਹ ਸਰਲ ਲਿਸਟ ਵਾਲੀ ਪੰਨੇ ਉੱਤੇ ਸੋਚੋ:
<ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
ਅਸੀਂ ਇਹ ਮੰਥਨ ਮੰਥਨ ਪ੍ਰਯੋਗ ਕਰ ਸਕਦੇ ਹਾਂ:
$('li').slice(2).css('background-color', 'red');
ਇਸ ਵਾਰ ਦੀ ਗੱਲਬਾਤ ਦਾ ਨਤੀਜਾ ਹੈ ਕਿ ਪ੍ਰੋਜੈਕਟ 3, 4 ਅਤੇ 5 ਦਾ ਪਿੱਨਾਰ ਰੰਗ ਗੁਲਾਬੀ ਰੰਗ ਵਿੱਚ ਸੈੱਟ ਕੀਤਾ ਗਿਆ ਹੈ। ਕਿਰਪਾ ਕਰਕੇ ਨੋਟ ਕਰੋ ਕਿ ਪ੍ਰਦਾਨ ਕੀਤੇ ਗਏ index ਪੈਰਾਮੀਟਰ ਜ਼ਿਰੋ ਉੱਤੇ ਅਧਾਰਿਤ ਹਨ; ਇਹ ਜੂਨੀਟ ਆਬਜੈਕਟ ਵਿੱਚ ਈਲੈਮੈਂਟਾਂ ਦੀਆਂ ਸਥਿਤੀਆਂ ਨੂੰ ਸੂਚਿਤ ਕਰਦੇ ਹਨ, ਨਹੀਂ ਕਿ DOM ਟ੍ਰੀ ਵਿੱਚ।
end ਪੈਰਾਮੀਟਰ ਸਾਨੂੰ ਚੁਣੇ ਹੋਏ ਰੈਂਜ ਨੂੰ ਹੋਰ ਜ਼ਿਆਦਾ ਸੀਮਤ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦਿੰਦਾ ਹੈ। ਉਦਾਹਰਣ ਵਜੋਂ:
$('li').slice(2, 4).css('background-color', 'red');
ਹੁਣ, ਸਿਰਫ ਪ੍ਰੋਜੈਕਟ 3 ਅਤੇ 4 ਚੁਣੇ ਜਾਣਗੇ। ਮੁੜ ਕਰਕੇ ਕਹਿੰਦੇ ਹਾਂ ਕਿ ਇੰਡੈਕਸ ਜ਼ਿਰੋ ਉੱਤੇ ਅਧਾਰਿਤ ਹੈ; ਰੈਂਜ ਨਿਰਧਾਰਿਤ ਇੰਡੈਕਸ ਤੱਕ (ਪਰ ਸ਼ਾਮਲ ਨਹੀਂ) ਵਿੱਚ ਵਿਸਤਾਰ ਕਰੇਗਾ。
ਨਕਾਰਾਤਮਕ ਇੰਡੈਕਸ
jQuery ਦੀ .slice() ਮੱਥਦਾ ਜਾਵਾਸਕ੍ਰਿਪਟ ਅਰਰੇਜ਼ ਦੀ .slice() ਮੱਥਦਾ ਮਨਨ ਕਰਦਾ ਹੈ। ਇਸ ਨੇ ਮਨਨ ਕਰਦੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਵਿੱਚੋਂ ਇੱਕ ਹੈ ਕਿ ਸ਼ੁਰੂ ਜਾਂ ਸਮਾਪਤ ਪੈਰਾਮੀਟਰਾਂ ਨੂੰ ਨਕਾਰਾਤਮਕ ਸੰਖਿਆ ਦੇ ਰੂਪ ਵਿੱਚ ਪਾਉਣ ਦੀ ਸਮਰੱਥਾ। ਜੇਕਰ ਨਕਾਰਾਤਮਕ ਸੰਖਿਆ ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ ਹੈ ਤਾਂ ਉਹ ਸਮੂਹ ਦੇ ਸਮਾਪਤ ਤੋਂ ਸ਼ੁਰੂ ਕਰਦੀਆਂ ਇੱਕ ਸਥਿਤੀ ਨੂੰ ਸੂਚਿਤ ਕਰਦੀ ਹੈ, ਨਹੀਂ ਕਿ ਸ਼ੁਰੂ ਤੋਂ। ਉਦਾਹਰਣ ਵਜੋਂ:
$('li').slice(-2, -1).css('background-color', 'red');
ਇਸ ਵਾਰ, ਸਿਰਫ ਲਿਸਟ ਆਈਟਮ 4 ਗੁਲਾਬੀ ਹੋਵੇਗਾ, ਇਹ ਇਹ ਹੈ ਕਿ ਇਹ ਪ੍ਰੋਜੈਕਟ ਸਿਰਫ ਸਮਾਪਤ ਤੋਂ ਗਿਣਤੀ ਕਰਦੇ ਹੋਏ ਦੋ (-2) ਅਤੇ ਇੱਕ (-1) ਦੇ ਦਰਮਿਆਨ ਦਾ ਇੱਕੋ ਇੱਕ ਪ੍ਰੋਜੈਕਟ ਹੈ。
