јКуери енд() метод
Тхе крај() метода у јКуери-ју се користи за завршетак најновије операције филтрирања у тренутном ланцу и враћа подударни скуп елемената у претходно стање. Овај метод се користи без икаквог аргумента.
Тхе крај() метода је корисна када се јКуери користи у сврхе уланчавања.
Синтакса
operations.end()
Овај метод не прихвата ниједан аргумент.
Сада, хајде да разумемо рад крај() методом користећи неке илустрације.
Пример1
То је једноставан пример коришћења крај() методом. Овде ће ланац прво претраживати елементе пасуса са спан и б елементи унутар њих, а затим кликом на дугме, елементи спан у елементима пасуса ће бити изабрани.
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
У овом примеру постоје две методе у ланцу које су нађи() метода и први() методу, а боје позадине елемената пасуса треба да се промене у складу са тим. Али када кликнете на дато дугме, крај() метод ће уклонити последњи метод у ланцу и променити боју позадине елемената пасуса укључујући елемент спан.
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> Тестирајте одмах Излаз
Након извршења горњег кода, излаз ће бити -
Након што кликнете на дато дугме, излаз ће бити -
