首頁 > web前端 > js教程 > last()函數的用法介紹

last()函數的用法介紹

巴扎黑
發布: 2017-06-22 15:58:13
原創
4743 人瀏覽過

last()函數用於取得目前jQuery物件所符合的元素中的最後一個元素,並傳回封裝該元素的jQuery物件。

此函數屬於jQuery物件(實例)。

語法

jQuery 1.4 新增此函數。

jQueryObject.last( )

傳回值

last()函數的傳回值為jQuery類型,傳回封裝了最後一個符合元素的jQuery物件。

如果目前jQuery物件沒有符合任何元素,自然也不存在所謂的最後一個元素,此時將傳回空的jQuery物件。

範例&說明

last()函數與:last選擇器具有以下等價程式碼:

$( "selector" ).last( );
//等价于
$( "selector:last" );
以下面这段HTML代码为例:
<div id="n1">
    <div id="n2">
        <ul id="n3">
            <li id="n4" class="list">item1</li>
            <li id="n5" class="list">item2</li>
            <li id="n6">item3</li>
        </ul>
    </div>
</div>
登入後複製

以下jQuery範例程式碼用於示範last()函數的具體用法:

//获取最后一个li元素,即n6
//先匹配所有li元素,再获取其中的最后一个
document.writeln( $("li").last().attr("id") ); // n6
//获取最后一个li.list元素,即n5
//先匹配所有的li.list元素,再获取其中的最后一个
document.writeln( $("li.list").last().attr("id") ); // n5
//获取最后一个div元素,即n2
//先匹配所有div元素,再获取其中的最后一个
document.writeln( $("div").last().attr("id") ); // n2
登入後複製

以上是last()函數的用法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板