jQuery ਪਰਵਾਨਿਕਰਨ - next() ਮੰਥਨ

jQuery ਪਰਵਾਨਿਕਰਨ ਮੰਗਲਪੱਤਰ

ਉਦਾਹਰਣ

ਹਰ ਪੈਰਾਗ੍ਰਾਫ ਦੇ ਅਗਲੇ ਭਾਈਚਾਰੇ ਨੂੰ ਲੱਭੇਗਾ ਅਤੇ ਕੇਵਲ ਜਿਨ੍ਹਾਂ ਦੀ ਵਰਗ ਨਾਮ "selected" ਹੈ ਉਨ੍ਹਾਂ ਨੂੰ ਚੋਣਕਰਨ ਕਰੇਗਾ:

$("p");.next(".selected");.css("background", "yellow");

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

next() ਮੰਥਨ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ ਕਿ ਅਸੀਂ ਮੇਲ ਖਾਣ ਵਾਲੇ ਤੱਕਰੀਬਾਨ ਦੇ ਹਰ ਤੱਕਰੀਬਾਨ ਦੇ ਅਗਲੇ ਭਾਈਚਾਰੇ ਨੂੰ ਲੱਭ ਸਕੀਏ। ਜੇਕਰ ਚੋਣਕਰਤਾ ਦਿੱਤੀ ਗਈ ਹੈ ਤਾਂ ਉਹ ਮੇਲ ਖਾਣ ਵਾਲੇ ਅਗਲੇ ਭਾਈਚਾਰੇ ਨੂੰ ਲੱਭੇਗਾ。

ਗਰੰਥ

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

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

ਜੇਕਰ ਇੱਕ DOM ਅਲੌਕਿਕ ਸਮੂਹ ਦਾ ਪ੍ਰਤੀਕ ਦਿੱਤਾ ਗਿਆ ਹੈ ਤਾਂ .next() ਮੰਥਨ ਮੰਥਨ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ ਕਿ ਅਸੀਂ DOM ਦਾਖਲ ਵਿੱਚ ਅਲੌਕਿਕ ਦੇ ਸਾਰਥਕ ਭਾਈਚਾਰੇ ਦੇ ਅਗਲੇ ਭਾਈਚਾਰੇ ਨੂੰ ਲੱਭ ਸਕੀਏ ਅਤੇ ਉਸ ਨੂੰ ਬਣਾਏ ਗਏ jQuery ਤੱਕਰੀਬਾਨ ਵਿੱਚ ਰੱਖ ਸਕੀਏ。

ਇਹ ਮੰਥਨ ਵਾਲੀ ਚੋਣਕਰਤਾ ਇਕਸਪ੍ਰੈਸ਼ਨ ਮੰਗਦੀ ਹੈ ਜੋ ਮੈਂ $() ਫੰਕਸ਼ਨ ਵਿੱਚ ਭੇਜਦਾ ਹਾਂ। ਜੇਕਰ ਸਾਰਥਕ ਭਾਈਚਾਰਾ ਦਾ ਅਲੌਕਿਕ ਇਸ ਚੋਣਕਰਤਾ ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਹੈ ਤਾਂ ਉਹ ਨਵੇਂ ਬਣਾਏ ਗਏ 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');.next();.css('background-color', 'red');

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

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

jQuery ਪਰਵਾਨਿਕਰਨ ਮੰਗਲਪੱਤਰ