jQuery ਬਰਾਬਰੀ - end() ਮੇਥਡ
ਉਦਾਹਰਣ
ਸਾਰੇ ਪੈਰਾਗ੍ਰਾਫਜ਼ ਚੋਣ ਕਰੋ, ਇਨ੍ਹਾਂ ਪੈਰਾਗ੍ਰਾਫਜ਼ ਵਿੱਚ ਸਪੈਨ ਐਲੀਮੈਂਟ ਨੂੰ ਮਿਲਾਓ, ਅਤੇ ਉਨ੍ਹਾਂ ਨੂੰ ਪੈਰਾਗ੍ਰਾਫਜ਼ ਵਿੱਚ ਵਾਪਸ ਲਿਆਓ ਅਤੇ ਪੈਰਾਗ੍ਰਾਫਜ਼ ਨੂੰ ਦੋ ਪਿਕਸਲ ਦੇ ਲਾਲ ਬਰਾਬਰੀ ਬਣਾਓ:
$("p").find("span").end().css("border", "2px red solid");
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
end() ਮੇਥਡ ਮੌਜੂਦਾ ਚੇਨ ਵਿੱਚ ਸਭ ਤੋਂ ਨਜ਼ਦੀਕੀ ਫਿਲਟਰਿੰਗ ਕਾਰਵਾਈ ਨੂੰ ਸਮਾਪਤ ਕਰਦਾ ਹੈ ਅਤੇ ਮੈਚ ਕੀਤੇ ਹੋਏ ਐਲੀਮੈਂਟ ਸੈਕਟ ਨੂੰ ਪਹਿਲਾਂ ਦੀ ਸਥਿਤੀ ਵਿੱਚ ਵਾਪਸ ਲਿਆਉਂਦਾ ਹੈ。
ਗਰਮਕਾਰਣ
.end()
ਵਿਸਤ੍ਰਿਤ ਵਰਣਨ
ਮਿਆਰੀ jQuery ਦੀਆਂ ਬਰਾਬਰੀ ਮੇਥਡਜ਼ ਇੱਕ jQuery ਆਬਜੈਕਟ ਇੰਸਟੈਂਸ ਨੂੰ ਅਪਣਾਉਂਦੀਆਂ ਹਨ ਅਤੇ ਇੱਕ ਨਵੀਂ ਬਰਾਬਰੀ ਐਲੀਮੈਂਟ ਸੈਕਟ ਬਣਾਉਂਦੀਆਂ ਹਨ ਜੋ ਵੱਖ-ਵੱਖ DOM ਐਲੀਮੈਂਟ ਸੈਕਟ ਨੂੰ ਮੈਚ ਕਰਦੀਆਂ ਹਨ।ਜਦੋਂ ਇਹ ਹੋਵੇਗਾ, ਤਾਂ ਨਵੀਂ ਐਲੀਮੈਂਟ ਸੈਕਟ ਨੂੰ ਆਬਜੈਕਟ ਵਿੱਚ ਰੱਖੀ ਹੋਈ ਸਟੈਕ ਵਿੱਚ ਜੋੜਨਾ ਚਾਹੀਦਾ ਹੈ।ਹਰ ਜਿਸ ਤਰ੍ਹਾਂ ਦੀ ਸਫ਼ਲ ਫਿਲਟਰਿੰਗ ਮੇਥਡ ਕਾਲ ਹੋਵੇਗੀ, ਉਹ ਨਵੇਂ ਐਲੀਮੈਂਟ ਨੂੰ ਸਟੈਕ ਵਿੱਚ ਜੋੜੇਗੀ।ਅਗਰ ਅਸੀਂ ਪੁਰਾਣੀ ਐਲੀਮੈਂਟ ਸੈਕਟ ਦੀ ਜ਼ਰੂਰਤ ਹੈ, ਤਾਂ end() ਮੇਥਡ ਨਾਲ ਸਟੈਕ ਤੋਂ ਨਵੀਂ ਸੈਕਟ ਨੂੰ ਬਾਹਰ ਕੱਢ ਸਕਦੇ ਹਾਂ।
ਇਹ ਸਵਾਲ ਹੈ ਕਿ ਪੰਜਾਬੀ ਵਿੱਚ ਪੰਜਾਬੀ ਲਿਖਤ ਵਿੱਚ ਲਿਖਿਆ ਗਿਆ ਹੈ:
<ul class="first"> <li class="foo">list item 1</li> <li>list item 2</li> <li class="bar">list item 3</li> </ul> <ul class="second"> <li class="foo">list item 1</li> <li>list item 2</li> <li class="bar">list item 3</li> </ul>
ਉਦਾਹਰਣ 1
ਮੁੱਖ ਤੌਰ 'ਤੇ ਜੇਕ੍ਰੀ ਦੀ ਕੇਸ ਲਾਈਨ ਪ੍ਰਯੋਗ ਵਿੱਚ ਜੇਕ੍ਰੀ ਕੇਸ ਲਾਈਨ ਕਾਫੀ ਉਪਯੋਗੀ ਹੁੰਦੀ ਹੈ। ਜੇਕ੍ਰੀ ਦੀ ਕੇਸ ਲਾਈਨ ਨਹੀਂ ਹੋਣ ਤਾਂ ਆਮ ਤੌਰ 'ਤੇ ਅਸੀਂ ਪਹਿਲੀਆਂ ਆਬਜੈਕਟਾਂ ਨੂੰ ਵਾਰਂਟ ਨਾਮ ਰਾਹੀਂ ਬੁਲਾਉਂਦੇ ਹਾਂ, ਇਸ ਤਰ੍ਹਾਂ ਅਸੀਂ ਸਟੈਕ ਨੂੰ ਨਹੀਂ ਅਪਣਾਉਂਦੇ ਹਾਂ। ਲੇਕਿਨ end() ਦੀ ਮਦਦ ਨਾਲ ਅਸੀਂ ਸਾਰੇ ਮੇਥਡ ਬੁਲਾਉਣ ਵਾਲੇ ਕੋਡ ਲਾਈਨਾਂ ਨੂੰ ਜੋੜ ਸਕਦੇ ਹਾਂ:
$('ul.first').find('.foo').css('background-color', 'red')
.end().find('.bar').css('background-color', 'green');
ਇਹ ਕਮਾਂਡ ਲਾਈਨ ਪਹਿਲੀ ਸੂਚੀ ਵਿੱਚ ਵਰਗ ਨਾਮ foo ਵਾਲੇ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਤਲਾਸ਼ ਕਰਦੀ ਹੈ ਅਤੇ ਉਨ੍ਹਾਂ ਦਾ ਪਠ ਰੰਗ ਨੂੰ ਲਾਲ ਰੰਗ ਵਿੱਚ ਰੰਗ ਦਿੰਦੀ ਹੈ। end() ਇਹ ਆਬਜੈਕਟ ਫਿਰ ਸਾਬਤ ਕਰਦਾ ਹੈ ਜੋ ਕਿ find() ਤੋਂ ਪਹਿਲਾਂ ਦਾ ਸਥਾਨ ਹੈ, ਇਸ ਲਈ ਦੂਜਾ find() <ul class="first"> ਵਿੱਚ '.bar' ਨੂੰ ਤਲਾਸ਼ ਕਰਦਾ ਹੈ, ਨਹੀਂ ਕਿ ਸੂਚੀ ਦੇ <li class="foo"> ਵਿੱਚ ਤਲਾਸ਼ ਕਰਦਾ ਹੈ, ਅਤੇ ਮੇਲ-ਮਿਲਾਦ ਵਾਲੇ ਐਲੀਮੈਂਟਾਂ ਦਾ ਪਠ ਰੰਗ ਹਰੀ ਰੰਗ ਵਿੱਚ ਰੰਗ ਦਿੰਦਾ ਹੈ। ਅੰਤਿਮ ਨਤੀਜੇ ਵਜੋਂ ਪਹਿਲੀ ਸੂਚੀ ਵਿੱਚ ਪ੍ਰੋਜੈਕਟ 1 ਅਤੇ ਪ੍ਰੋਜੈਕਟ 3 ਦਾ ਪਠ ਰੰਗ ਮੰਨਣ ਵਾਲਾ ਹੈ, ਜਦਕਿ ਦੂਜੀ ਸੂਚੀ ਵਿੱਚ ਕੋਈ ਵੀ ਪਰਿਵਰਤਨ ਨਹੀਂ ਹੁੰਦਾ ਹੈ。
ਉਦਾਹਰਣ 2
ਇਹ ਲੰਮਾ jQuery ਕੇਸ ਸਮਰੱਥਾ ਵਾਲੇ ਕੋਡ ਬਲਾਕ ਵਿੱਚ ਵਿਸ਼ਾਲ ਕੀਤਾ ਸਕਦਾ ਹੈ, ਸਿਫਟਰ ਮੇਥਡ ਵਿੱਚ ਨਾਨ-ਸਮਾਨ ਕੋਡ ਬਲਾਕ ਖੋਲ੍ਹਦਾ ਹੈ, ਅਤੇ end() ਮੇਥਡ ਵਿੱਚ ਕੋਡ ਬਲਾਕ ਬੰਦ ਕਰਦਾ ਹੈ:
$('ul.first').find('.foo')
.css('background-color', 'red')
.end().find('.bar')
.css('background-color', 'green')
.end();
ਆਖਰੀ ਇਹ end() ਲਾਜ਼ਮੀ ਨਹੀਂ ਹੈ ਕਿਉਂਕਿ ਅਸੀਂ ਬਾਅਦ ਵਿੱਚ ਇਹ jQuery ਆਬਜੈਕਟ ਛੱਡ ਦੇਵੇਗੇ। ਲੇਕਿਨ ਇਸ ਤਰ੍ਹਾਂ ਲਿਖੇ ਕੋਡ ਵਿੱਚ end() ਨਜ਼ਰਾਣੀ ਤੋਂ ਸਮਾਨਤਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ, ਅਤੇ ਪ੍ਰੋਗਰਾਮ ਨੂੰ ਸਰਲ ਲਿਖਣ ਵਾਲਾ ਲਗਦਾ ਹੈ, ਘੱਟੋ-ਘੱਟ ਵਿਕਾਸਕਾਰ ਲਈ ਹੀ ਲਿਖਣ ਵਾਲਾ ਹੈ, ਪਰ ਕੀਮਤ ਵਜੋਂ ਇਸ ਨੇ ਅਦਾਨ-ਪ੍ਰਦਾਨ ਕੀਤੀ ਹੈ, ਜਿਸ ਵਜੋਂ ਅਸੀਂ ਕੁਝ ਹੀ ਕੰਮ ਕਰਦੇ ਹਾਂ, ਪਰਿਣਾਮ ਵਜੋਂ ਕੁਝ ਹੀ ਪ੍ਰਦਰਸ਼ਨ ਨੁਕਸਾਨ ਹੁੰਦਾ ਹੈ。
