The край() метод в jQuery се използва за прекратяване на най-новата операция за филтриране в текущата верига и връща съответстващия набор от елементи в предишното му състояние. Този метод се използва без никакви аргументи.
The край() методът е полезен, когато jQuery се използва за верижни цели.
Синтаксис
operations.end()
Този метод не приема никакви аргументи.
Сега нека разберем работата на край() метод с помощта на някои илюстрации.
Пример1
Това е прост пример за използване на край() метод. Тук веригата първо ще търси елементите на абзаца с педя и b елементи вътре в тях и след това при щракване върху бутона ще бъдат избрани елементите span в елементите на абзаца.
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> Тествайте сега Изход
След изпълнението на горния код, изходът ще бъде -
След като щракнете върху дадения бутон, изходът ще бъде -
Пример2
В този пример има два метода във веригата, които са намирам() метод и първи() и цветовете на фона на елементите на абзаца трябва да се променят съответно. Но при натискане на дадения бутон, край() ще премахне последния метод във веригата и ще промени цвета на фона на елементите на абзаца, включително елемента 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> Тествайте сега Изход
След изпълнението на горния код, изходът ще бъде -
След като щракнете върху дадения бутон, изходът ще бъде -
