jQuery ਬਰਾਬਰੀ - nextAll() ਮੇਥਡ

ਇੰਟਰਨੇਟ

ਪਹਿਲੇ div ਦੇ ਬਾਅਦ ਸਾਰੀਆਂ ਵਰਗਾਂ ਦੀ ਲੱਭਣਾ ਅਤੇ ਉਨ੍ਹਾਂ ਨੂੰ ਵਰਗ ਜੋੜਨਾ:

$("div:first").nextAll().addClass("after");

ਆਪਣੇ ਅਧਿਕਾਰ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

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

nextAll() ਮੈਚ ਕਰਨ ਵਾਲੇ ਇਲੈਕਟਰਨ ਸਮੂਹ ਦੇ ਹਰ ਇਲੈਕਟਰਨ ਦੇ ਬਾਅਦ ਆਉਣ ਵਾਲੇ ਸਮਾਨ ਨੂੰ ਲੱਭਦਾ ਹੈ, ਚੋਣਕਾਰੀ ਵਿਆਖਿਆ ਵਾਲੇ ਹੈ ਜਾਂ ਨਹੀਂ ਵਾਲੇ ਹਨ。

ਸਕ੍ਰਿੰਤ

.nextAll(selector)
ਪੈਰਾਮੀਟਰ ਵਰਣਨ
selector ਸਟਰਿੰਗ ਮੁੱਲ ਜਿਸ ਵਿੱਚ ਇਲੈਕਟਰਨ ਮੈਚ ਕਰਨ ਲਈ ਚੋਣਕਾਰੀ ਵਿਆਖਿਆ ਹੈ。

ਵਿਸਤ੍ਰਿਤ ਵਿਆਖਿਆ

ਇੱਕ ਪ੍ਰਦਰਸ਼ਿਤ ਜੇਕੇਐੱਕਸ ਵਾਲੇ DOM ਇਲੈਕਟਰਨ ਸਮੂਹ ਨੂੰ ਦੇਣ ਦੇ ਬਾਅਦ .nextAll() ਮੇਥਡ ਸਾਨੂੰ DOM ਟ੍ਰੀ ਵਿੱਚ ਇਲੈਕਟਰਨ ਦੇ ਬਾਅਦ ਆਉਣ ਵਾਲੇ ਸਮਾਨ ਦੇ ਇਲੈਕਟਰਨ ਨੂੰ ਲੱਭਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ ਅਤੇ ਇਹ ਮੈਚ ਕਰਨ ਵਾਲੇ ਇਲੈਕਟਰਨ ਤੋਂ ਨਵਾਂ ਜੇਕੇਐੱਕਸ ਇਲੈਕਟਰਨ ਬਣਾਉਂਦਾ ਹੈ。

ਇਹ ਮੇਥਡ ਚੋਣਕਾਰੀ ਵਿਆਖਿਆ ਵਾਲੇ ਵਿਕਲਪੀ ਵਿਆਖਿਆ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ ਜਿਸ ਦਾ ਪ੍ਰਕਾਰ ਮੈਨੂੰ $() ਫੰਕਸ਼ਨ ਵਿੱਚ ਦਿੱਤਾ ਹੈ। ਚੋਣਕਾਰੀ ਵਿਆਖਿਆ ਲਾਗੂ ਕਰਨ ਤੋਂ ਬਾਅਦ ਇਹ ਇਲੈਕਟਰਨ ਨੂੰ ਪਰੀਖਣ ਕਰਕੇ ਉਨ੍ਹਾਂ ਨੂੰ ਸਰਨੀਵਾਰ ਕਰੇਗਾ。

ਨਿਸ਼ਚਿਤ ਰੂਪ ਨਾਲ ਹੇਠ ਲਿਖੇ ਸਰਲ ਸੂਚੀ ਵਾਲੀ ਪੰਨੇ ਉੱਤੇ ਸੋਚੋ:

<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').nextAll().css('background-color', 'red');

ਆਪਣੇ ਅਧਿਕਾਰ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

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