jQuery last() Method
The last() function is an inbuilt function in jQuery which is used to find the last element of the specified elements.
Syntax:
$(selector).last()
Here selector is the selected elements.
Parameters: It does not accept any parameter.
Return value: It returns the last element out of the selected elements.
JavaScript code to show the working of this function:
Example 1:
html
<!DOCTYPE html> < html > < head > < script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" > </ script > < script > $(document).ready(function () { $("p").last().css("background-color", "lightgreen"); }); </ script > </ head > < body > < h1 > Welcome to w3wiki !!! </ h1 > < p style="padding:5px; border:1 px solid green"> This is the First.</ p > < p style="padding:5px; border:1 px solid green"> This is the Second. </ p > < p style="padding:5px; border:1 px solid green"> This is the Third. </ p > < br > </ body > </ html > |
In this code the background-color of the last “p”element get changed.
Output:
Example 2:
html
<!DOCTYPE html> < html > < head > < script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" > </ script > < script > $(document).ready(function () { $(".main").last().css( "background-color", "lightgreen"); }); </ script > </ head > < body > < h1 >Welcome to w3wiki !!!</ h1 > < div class = "main" style = "border: 1px solid green;" > < p >This is the First.</ p > </ div > < br > < div class = "main" style = "border: 1px solid green;" > < p >This is the Second.</ p > </ div > < br > < div style = "border: 1px solid green;" > < p >This is the Third.</ p > </ div > < br > </ body > </ html > |
In the above example the last elements with class “main” get highlighted.
Output:
Contact Us