jQuery ਗਤੀਵਿਧੀ - prev() ਮੰਥਨ

jQuery ਗਤੀਵਿਧੀ ਪੁਸਤਕਾਲ

ਇੱਕ ਉਦਾਹਰਣ

ਹਰ ਪੈਰਾਗ੍ਰਾਫ ਨੂੰ ਜੀਤਦਾ ਹੈ ਅਤੇ ਵਰਗ ਨਾਮ "selected" ਦੇ ਪਹਿਲੇ ਪ੍ਰਤੀਯੋਗੀ ਅੰਗ ਨੂੰ ਜੀਤਦਾ ਹੈ:

$("p").prev(".selected")

ਸਵੈ ਦੀ ਗਤੀਵਿਧੀ ਕਰੋ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

prev() ਮੇਲ ਖਾਣ ਵਾਲੇ ਅੰਗਾਂ ਦੇ ਹਰ ਅੰਗ ਦੇ ਪਹਿਲੇ ਪ੍ਰਤੀਯੋਗੀ ਅੰਗ ਨੂੰ ਮਿਲਾਉਂਦਾ ਹੈ ਅਤੇ ਚੋਣਕਰਤਾ ਵਾਲੇ ਪ੍ਰਗਟਾਵੇ ਨੂੰ ਫਿਲਟਰ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ ਜਾਂ ਨਹੀਂ。

.prev(selector)
ਪੈਰਾਮੀਟਰ ਵਰਣਨ
selector ਸਟਰਿੰਗ ਮੁੱਲ ਜੋ ਅੰਗਾਂ ਨੂੰ ਮੇਲ ਖਾਣ ਵਾਲੀ ਚੋਣਕਰਤਾ ਪ੍ਰਗਟਾਵਾ ਦਾ ਹਿੱਸਾ ਹੁੰਦੀ ਹੈ。

ਵਿਸਤ੍ਰਿਤ ਵਰਣਨ

ਜੇਕਰ ਇੱਕ DOM ਅੰਗ ਸਮੂਹ ਦਾ ਪ੍ਰਤੀਯੋਗੀ ਜੇਕਰੀ ਮੰਨਿਆ ਗਿਆ ਹੈ ਤਾਂ .prev() ਮੰਥਨ ਅਜਿਹੇ ਅੰਗਾਂ ਦੇ ਪਹਿਲੇ ਪ੍ਰਤੀਯੋਗੀ ਅੰਗ ਨੂੰ ਖੋਜਣ ਦੀ ਸਮਰੱਥਾ ਦਿੰਦਾ ਹੈ ਅਤੇ ਮੇਲ ਖਾਣ ਵਾਲੇ ਅੰਗਾਂ ਦਾ ਨਵਾਂ 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');.prev();.css('background-color', 'red');

ਸਵੈ ਦੀ ਗਤੀਵਿਧੀ ਕਰੋ

ਇੱਥੇ ਕਿਰਤ ਕੀਤੀ ਗਈ ਨਤੀਜਾ ਹੈ ਕਿ ਪ੍ਰੋਜੈਕਟ 2 ਨੂੰ ਲਾਲ ਪਿੰਡ ਰੰਗ ਦਿੱਤਾ ਗਿਆ ਹੈ। ਕਿਉਂਕਿ ਅਸੀਂ ਚੋਣਕਰਤਾ ਪ੍ਰਗਟਾਵਾ ਨਾ ਲਾਗੂ ਕੀਤਾ ਹੈ, ਪਹਿਲਾ ਅੰਗ ਕੁਦਰਤੀ ਤੌਰ 'ਤੇ ਆਪਣੇ ਪ੍ਰਤੀਯੋਗੀ ਦਾ ਹਿੱਸਾ ਬਣ ਗਿਆ ਹੈ। ਜੇਕਰ ਚੋਣਕਰਤਾ ਲਾਗੂ ਕੀਤੀ ਗਈ ਤਾਂ ਪਹਿਲਾਂ ਵਿੱਚ ਹੀ ਪਹਿਲਾਂ ਦੇ ਅੰਗ ਨੂੰ ਚੋਣਕਰਤਾ ਨਾਲ ਮੇਲ ਖਾਣ ਦੀ ਜਾਂਚ ਕੀਤੀ ਜਾਵੇਗੀ。

jQuery ਗਤੀਵਿਧੀ ਪੁਸਤਕਾਲ

" -->