The koniec() metóda v jQuery sa používa na ukončenie najnovšej operácie filtrovania v aktuálnom reťazci a vráti zhodnú množinu prvkov do predchádzajúceho stavu. Táto metóda sa používa bez akéhokoľvek argumentu.
The koniec() metóda je užitočná, keď sa jQuery používa na účely reťazenia.
Syntax
operations.end()
Táto metóda neakceptuje žiadny argument.
Teraz pochopme fungovanie koniec() metóda s použitím niektorých ilustrácií.
Príklad 1
Je to jednoduchý príklad použitia koniec() metóda. Tu reťazec najskôr vyhľadá prvky odseku s rozpätie a b prvky v nich a po kliknutí na tlačidlo sa vyberú prvky rozpätia v prvkoch odseku.
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> Vyskúšajte to Výkon
Po vykonaní vyššie uvedeného kódu bude výstupom -
Po kliknutí na dané tlačidlo bude výstup -
latexová matrica
Príklad2
V tomto príklade sú v reťazci dve metódy, ktoré sú Nájsť() metóda a najprv() a farby pozadia prvkov odseku by sa mali zodpovedajúcim spôsobom zmeniť. Po kliknutí na dané tlačidlo sa však koniec() metóda odstráni poslednú metódu v reťazci a zmení farbu pozadia prvkov odseku vrátane prvku 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> Vyskúšajte to Výkon
Po vykonaní vyššie uvedeného kódu bude výstupom -
Po kliknutí na dané tlačidlo bude výstup -
