jQuery ਬਰਾਬਰੀ - eq() ਮੈਥਡ

jQuery ਬਰਾਬਰੀ ਮੈਨੂਅਲ

ਉਦਾਹਰਣ

index ਲਈ 2 ਦੇ div ਨੂੰ ਉਚਿਤ ਵਰਗ ਜੋੜ ਕੇ, ਉਸਨੂੰ ਨੀਲਾ ਬਣਾਉਣਾ:

$("body").find("div").eq(2).addClass("blue");

ਆਪਣੇ ਦਾਇਰੇ ਵਿੱਚ ਪ੍ਰਯੋਗ ਕਰੋ

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

eq() ਮੈਥਡ ਨਾਲ ਮੈਚ ਕੀਤੇ ਗਏ ਐਲੀਮੈਂਟ ਸਮੂਹ ਨੂੰ ਨਿਰਦੇਸ਼ਿਤ index 'ਤੇ ਘੱਟ ਕਰਦਾ ਹੈ。

ਗਣਾਤਰਾ

.eq(index)
ਪੈਰਾਮੀਟਰ ਵਰਣਨ
index

ਪੂਰਣ ਸੰਖਿਆ, ਐਲੀਮੈਂਟ ਦੇ ਸਥਾਨ ਨੂੰ ਨਿਰਦੇਸ਼ ਕਰਦੀ ਹੈ (ਸਭ ਤੋਂ ਘੱਟ 0 ਹੈ)。

ਜੇਕਰ ਨੈਗਾਟਿਵ ਸੰਖਿਆ ਹੈ ਤਾਂ ਸਮੂਹ ਵਿੱਚੋਂ ਅੰਤਿਮ ਐਲੀਮੈਂਟ ਤੋਂ ਵਾਪਸ ਗਿਣਦੀ ਹੈ。

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

ਜੇਕਰ ਕੋਈ DOM ਐਲੀਮੈਂਟ ਕੈਟਗਰੀ ਦਾ jQuery ਆਬਜੈਕਟ ਦਿੱਤਾ ਗਿਆ ਹੈ, .eq() ਮੈਥਡ ਸਮੂਹ ਵਿੱਚ ਇੱਕ ਐਲੀਮੈਂਟ ਦੇ ਤੌਰ 'ਤੇ ਇੱਕ ਨਵਾਂ jQuery ਆਬਜੈਕਟ ਬਣਾਉਂਦਾ ਹੈ। ਵਰਤਿਆ ਗਿਆ 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>

ਉਦਾਹਰਣ 1

ਅਸੀਂ ਇਸ ਸੂਚੀ ਪ੍ਰੋਜੈਕਟ ਸੈੱਟ ਉੱਤੇ ਇਸ ਵਿਧੀ ਨੂੰ ਲਾਗੂ ਕਰ ਸਕਦੇ ਹਾਂ:

$('li').eq(2).css('background-color', 'red');

ਆਪਣੇ ਦਾਇਰੇ ਵਿੱਚ ਪ੍ਰਯੋਗ ਕਰੋ

ਇਸ ਸਬੰਧੀ ਕਾਲਾਂ ਦਾ ਨਤੀਜਾ ਪ੍ਰੋਜੈਕਟ 3 ਨੂੰ ਲਾਲ ਪਿੱਛਲਾ ਬਾਕਸ ਸੈੱਟ ਕਰਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਹੈ ਕਿ index ਜ਼ਿਰੋ ਤੋਂ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ, ਅਤੇ ਇਹ jQuery ਆਬਜੈਕਟ ਵਿੱਚ ਐਲੀਮੈਂਟ ਦੇ ਸਥਾਨ ਨੂੰ ਨਿਰਦੇਸ਼ ਕਰਦਾ ਹੈ, ਨਹੀਂ ਕਿ DOM ਟ੍ਰੀ ਵਿੱਚ ਐਲੀਮੈਂਟ ਦੇ ਸਥਾਨ ਨੂੰ ਨਿਰਦੇਸ਼ ਕਰਦਾ ਹੈ。

ਉਦਾਹਰਣ 2

ਜੇਕਰ ਨੈਗਾਟਿਵ ਸੰਖਿਆ ਦਿੱਤੀ ਗਈ ਤਾਂ ਇਹ ਸਮੂਹ ਦੇ ਅੰਤ ਤੋਂ ਸ਼ੁਰੂ ਕਰਕੇ ਸਥਾਨ ਨਿਰਦੇਸ਼ ਕਰਦੀ ਹੈ, ਨਹੀਂ ਕਿ ਸ਼ੁਰੂ ਤੋਂ ਸ਼ੁਰੂ ਕਰਕੇ ਸਥਾਨ ਨਿਰਦੇਸ਼ ਕਰਦੀ ਹੈ। ਉਦਾਹਰਣ ਵਜੋਂ:

$('li').eq(-2).css('background-color', 'red');

ਆਪਣੇ ਦਾਇਰੇ ਵਿੱਚ ਪ੍ਰਯੋਗ ਕਰੋ

ਇਸ ਵਾਰ, ਪ੍ਰੋਜੈਕਟ 4 ਦਾ ਪਿੱਛਲਾ ਬਾਕਸ ਲਾਲ ਹੋ ਗਿਆ ਹੈ, ਇਹ ਇਹ ਕਿ ਇਹ ਸਮੂਹ ਦੇ ਅੰਤ ਤੋਂ ਚਾਰਵੇਂ ਹੈ。

ਉਦਾਹਰਣ 3

ਜੇਕਰ ਕੋਈ ਸੁਝਾਇਆ ਹੋਇਆ index ਪੈਰਾਮੀਟਰ ਦੇ ਅਨੁਸਾਰ ਐਲੀਮੈਂਟ ਨਹੀਂ ਮਿਲਦਾ ਤਾਂ ਇਹ ਵਿਧੀ ਖਾਲੀ ਸੈੱਟ ਦਾ jQuery ਆਬਜੈਕਟ ਬਣਾਉਂਦੀ ਹੈ, length ਵਿਸ਼ੇਸ਼ਤਾ 0 ਹੈ。

$('li').eq(5).css('background-color', 'red');

ਆਪਣੇ ਦਾਇਰੇ ਵਿੱਚ ਪ੍ਰਯੋਗ ਕਰੋ

ਇੱਥੇ, ਕੋਈ ਸੂਚੀ ਅਰਬਸਤਰ ਨਹੀਂ ਲਾਲ ਹੋਵੇਗਾ, ਇਹ ਇਹ ਕਿ .eq(5) ਦਿਸਾਇਆ ਹੈ ਛੇਵੇਂ ਸੂਚੀ ਅਰਬਸਤਰ

jQuery ਬਰਾਬਰੀ ਮੈਨੂਅਲ