The konec() metoda v jQuery se používá k ukončení poslední operace filtrování v aktuálním řetězci a vrací odpovídající sadu prvků do předchozího stavu. Tato metoda se používá bez jakéhokoli argumentu.
The konec() metoda je užitečná, když se jQuery používá pro účely řetězení.
Syntax
operations.end()
Tato metoda nepřijímá žádný argument.
Nyní pochopme fungování konec() metoda pomocí některých ilustrací.
Příklad1
Je to jednoduchý příklad použití konec() metoda. Zde řetězec nejprve prohledá prvky odstavce pomocí rozpětí a b prvky uvnitř nich a po kliknutí na tlačítko se vyberou prvky rozpětí v prvcích odstavce.
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> Otestujte to hned Výstup
Po provedení výše uvedeného kódu bude výstupem -
Po kliknutí na dané tlačítko bude výstupem -
Příklad2
V tomto příkladu jsou v řetězci dvě metody, které jsou nalézt() metoda a První() a barvy pozadí prvků odstavce by se měly odpovídajícím způsobem změnit. Ale po kliknutí na dané tlačítko, konec() metoda odstraní poslední metodu v řetězci a změní barvu pozadí prvků odstavce včetně 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> Otestujte to hned Výstup
Po provedení výše uvedeného kódu bude výstupem -
Po kliknutí na dané tlačítko bude výstupem -
