De slutet() metod i jQuery används för att avsluta den senaste filtreringsoperationen i den aktuella kedjan och returnerar den matchade uppsättningen element till dess tidigare tillstånd. Denna metod används utan argument.
De slutet() metod är användbar när jQuery används för kedjeändamål.
Syntax
operations.end()
Denna metod accepterar inga argument.
Låt oss nu förstå hur det fungerar slutet() metod med hjälp av några illustrationer.
Exempel1
Det är ett enkelt exempel på att använda slutet() metod. Här kommer kedjan först att söka styckeelementen med spänna och b element inuti dem, och när du klickar på knappen kommer span-elementen i styckeelementen att väljas.
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> Testa det nu Produktion
Efter exekvering av ovanstående kod kommer utgången att vara -
Efter att ha klickat på den givna knappen kommer utgången att vara -
Exempel 2
I det här exemplet finns det två metoder i kedjan som är hitta() metod och först() metod, och bakgrundsfärgerna för styckeelementen bör ändras i enlighet med detta. Men när du klickar på den givna knappen, slutet() metod tar bort den sista metoden i kedjan och ändrar bakgrundsfärgen för styckeelement inklusive span-elementet.
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> Testa det nu Produktion
Efter exekvering av ovanstående kod kommer utgången att vara -
Efter att ha klickat på den givna knappen kommer utgången att vara -
