jQuery ਤਰਨਚਰ - prevAll() ਮੱਥਦਾ
ਇੰਸਟੈਂਸ
ਆਖਰੀ div ਤੋਂ ਪਹਿਲਾਂ ਦੇ ਸਾਰੇ div ਨੂੰ ਸਥਾਪਤ ਕਰੋ ਅਤੇ ਉਨ੍ਹਾਂ ਨੂੰ ਵਰਗ ਜੋੜੋ:
$("div:last").prevAll().addClass("before");
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ
prevAll() ਮੌਜੂਦਾ ਮੈਚ ਕਰਨ ਵਾਲੇ ਇਲੈਕਟਰਨਜ਼ ਸਮੂਹ ਵਿੱਚ ਹਰ ਇਲੈਕਟਰਨਜ਼ ਦੇ ਪਹਿਲੇ ਸਾਥੀ ਇਲੈਕਟਰਨਜ਼ ਨੂੰ ਮਿਲਾਉਂਦਾ ਹੈ ਅਤੇ ਚੋਣਕਰਤਾ ਦੀ ਵਰਤੋਂ ਕਰਨ ਨੂੰ ਵਿਕਲਪੀ ਕਰਦਾ ਹੈ。
ਗਣਨਾ
.prevAll(selector)
ਪੈਰਾਮੀਟਰ | ਵਰਣਨ |
---|---|
selector | ਸਟਰਿੰਗ ਮੁੱਲ ਹੈ ਜਿਸ ਵਿੱਚ ਇਲੈਕਟਰਨਜ਼ ਮੈਚ ਕਰਨ ਲਈ ਚੋਣਕਰਤਾ ਇਕੱਲਾ ਹੈ。 |
ਵਿਸਤ੍ਰਿਤ ਵਰਣਨ
ਜੇਕਰ ਇੱਕ DOM ਇਲੈਕਟਰਨਜ਼ ਸਮੂਹ ਦਾ ਪ੍ਰਤੀਕ ਪ੍ਰਦਾਨ ਕੀਤਾ ਗਿਆ ਹੈ ਤਾਂ .prevAll() ਮੱਥਦਾ ਇਸ ਇਲੈਕਟਰਨਜ਼ ਦੇ ਪਹਿਲੇ ਸਾਥੀ ਇਲੈਕਟਰਨਜ਼ ਨੂੰ ਖੋਜਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ ਅਤੇ ਮੈਚ ਕਰਨ ਵਾਲੇ ਇਲੈਕਟਰਨਜ਼ ਨੂੰ ਇੱਕ ਨਵਾਂ jQuery ਇਲੈਕਟਰਨਜ਼ ਸਮੂਹ ਬਣਾ ਦਿੰਦਾ ਹੈ。
ਇਹ ਮੱਥਦਾ ਇੱਕ ਵਿਕਲਪੀ ਚੋਣਕਰਤਾ ਇਕੱਲਾ ਲਾਗੂ ਕਰਦਾ ਹੈ ਜੋ ਅਸੀਂ $() ਫੰਕਸ਼ਨ ਵਿੱਚ ਪਾਸ ਕਰਦੇ ਹਾਂ। ਜੇਕਰ ਇਹ ਚੋਣਕਰਤਾ ਲਾਗੂ ਕੀਤੀ ਹੈ ਤਾਂ ਉਹ ਇਲੈਕਟਰਨਜ਼ ਨੂੰ ਚੋਣਕਰਤਾ ਨਾਲ ਮੈਚ ਕਰਨ ਦੀ ਜਾਂਚ ਕਰਕੇ ਫਿਲਟਰ ਕਰੇਗਾ。
ਇਹ ਬੁਨਿਆਦੀ ਨਾਟੀਕ ਵਾਲੀ ਪੰਨਾ ਸੋਚੋ:
<ul> <li>list item 1</li> <li>list item 2</li> <li class="third-item">list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
ਜੇਕਰ ਅਸੀਂ ਤੀਜੇ ਪ੍ਰੋਜੈਕਟ ਤੋਂ ਸ਼ੁਰੂ ਕਰਦੇ ਹਾਂ ਤਾਂ ਅਸੀਂ ਇਸ ਇਲੈਕਟਰਨਜ਼ ਦਰਮਿਆਨ ਦੇ ਸਾਥੀ ਇਲੈਕਟਰਨਜ਼ ਨੂੰ ਲੱਭ ਸਕਦੇ ਹਾਂ:
$('li.third-item').prevAll().css('background-color', 'red');
ਇੱਥੇ ਬੁਲਾਇਆ ਗਿਆ ਨਤੀਜਾ ਹੈ ਕਿ ਪ੍ਰੋਜੈਕਟ 2 ਅਤੇ ਪ੍ਰੋਜੈਕਟ 1 ਨੂੰ ਲਾਲ ਪਿੰਡ ਰੰਗ ਦਿੱਤਾ ਗਿਆ ਹੈ। ਕਿਉਂਕਿ ਅਸੀਂ ਚੋਣਕਰਤਾ ਇਕੱਲਾ ਲਾਗੂ ਨਹੀਂ ਕੀਤਾ ਹੈ, ਇਹ ਪਹਿਲੇ ਇਲੈਕਟਰਨਜ਼ ਕੁਦਰਤੀ ਤੌਰ 'ਤੇ ਆਪਣੇ ਇਲੈਕਟਰਨਜ਼ ਦਾ ਹਿੱਸਾ ਬਣ ਗਏ ਹਨ। ਜੇਕਰ ਚੋਣਕਰਤਾ ਲਾਗੂ ਕੀਤੀ ਹੈ ਤਾਂ ਉਹ ਇਲੈਕਟਰਨਜ਼ ਮੈਚ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਉਹ ਮੈਚ ਕਰਦੇ ਹਨ ਕਿ ਕੀ ਉਹ ਚੋਣਕਰਤਾ ਨਾਲ ਮੈਚ ਕਰਦੇ ਹਨ ਜਾਂ ਨਹੀਂ。