The Sfârşit() metoda din jQuery este folosită pentru a termina cea mai recentă operațiune de filtrare din lanțul curent și readuce setul de elemente potrivit la starea anterioară. Această metodă este folosită fără niciun argument.
The Sfârşit() metoda este utilă atunci când jQuery este utilizat în scopuri de înlănțuire.
Sintaxă
operations.end()
Această metodă nu acceptă niciun argument.
Acum, să înțelegem funcționarea Sfârşit() metoda folosind câteva ilustrații.
Exemplul 1
Este un exemplu simplu de utilizare a Sfârşit() metodă. Aici, lanțul va căuta mai întâi elementele de paragraf cu span și b elementele din interiorul lor, iar apoi, făcând clic pe butonul, vor fi selectate elementele span din elementele de paragraf.
jQuery end() method $(document).ready(function(){ $('button').click(function(){ $('p').find('span').find('b').end().css('border', '2px blue solid'); }); }); .para{ margin: 10px; padding: 10px; } <h2> Welcome to the javaTpoint.com </h2> <h3> It is an example of using the end() method. </h3> <p> Click the below button to see the effect. </p> Click me <p class="para"> <span> Hello <b> World. </b> </span> It is a paragraph with 'span' and 'b' elements. </p> <p class="para"> <span> Another paragraph. </span> This paragraph has a span element. </p> <p class="para"> <span> Another paragraph. </span> This paragraph also has a span element. </p> Testează-l acum Ieșire
După executarea codului de mai sus, rezultatul va fi -
După ce faceți clic pe butonul dat, rezultatul va fi -
Exemplul 2
În acest exemplu există două metode în lanț care sunt găsi() metoda si primul() metoda, iar culorile de fundal ale elementelor de paragraf ar trebui modificate în consecință. Dar, făcând clic pe butonul dat, Sfârşit() metoda va elimina ultima metodă din lanț și va schimba culoarea de fundal a elementelor de paragraf, inclusiv elementul span.
jQuery end() method $(document).ready(function(){ $('button').click(function(){ $('p').find('span').first().css({'background-color' : 'lightblue'}).end().css({'background-color' : 'yellow'}); }); }); <h2> Welcome to the javaTpoint.com </h2> <h3> It is an example of using the end() method. </h3> <b> Click the below button to see the effect. </b> <br> <br> Click me <p class="para"> Paragraph <span> 1 with span element </span> </p> <p class="para"> Paragraph 2 </p> <p class="para"> Paragraph <span> 3 with span element </span> </p> <p class="para"> Paragraph 4 </p> Testează-l acum Ieșire
După executarea codului de mai sus, rezultatul va fi -
variabila bash
După ce faceți clic pe butonul dat, rezultatul va fi -
