jQuery | last（）及其示例-yiteyi-C++库

这个 最后（） 函数是jQuery中的一个内置函数，用于查找指定元素中的最后一个元素。 语法：

null

$(selector).last()

这里的选择器是选定的元素。 参数： 它不接受任何参数。 返回值： 它返回选定元素中的最后一个元素。

显示此函数工作的JavaScript代码： 代码#1：

                     <                               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 GeeksforGeeks !!!</                               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                               >                   

在这段代码中，最后一个 “p” 元素被改变了。 输出： 图片[1]-jQuery | last（）及其示例-yiteyi-C++库

代码#2：

                     <                               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 GeeksforGeeks !!!</                               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                               >                   

在上面的示例中，类为“main”的最后一个元素会高亮显示。 输出： 图片[2]-jQuery | last（）及其示例-yiteyi-C++库

文章版权归作者所有，未经允许请勿转载。

THE END

Javascript