Det ende() metoden i jQuery bruges til at afslutte den seneste filtreringsoperation i den aktuelle kæde og returnerer det matchede sæt af elementer til dets tidligere tilstand. Denne metode bruges uden argumenter.
Det ende() metode er nyttig, når jQuery bruges til kædeformål.
Syntaks
operations.end()
Denne metode accepterer ikke noget argument.
Lad os nu forstå, hvordan det fungerer ende() metode ved hjælp af nogle illustrationer.
Eksempel 1
Det er et simpelt eksempel på brug af ende() metode. Her vil kæden først søge i afsnitselementerne med span og b elementer inde i dem, og når du klikker på knappen, vil span-elementerne i afsnitselementerne blive valgt.
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> Test det nu Produktion
Efter udførelse af ovenstående kode vil outputtet være -
Efter at have klikket på den givne knap, vil outputtet være -
Eksempel 2
I dette eksempel er der to metoder i kæden, som er Find() metode og først() metode, og baggrundsfarverne for afsnitselementerne bør ændres i overensstemmelse hermed. Men ved at klikke på den givne knap, ende() metode vil fjerne den sidste metode i kæden og ændre baggrundsfarven på afsnitselementer 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> Test det nu Produktion
Efter udførelse af ovenstående kode vil outputtet være -
Efter at have klikket på den givne knap, vil outputtet være -
