首頁 > web前端 > js教程 > jquery怎麼取得有幾個指定元素(數量)

jquery怎麼取得有幾個指定元素(數量)

WBOY
發布: 2021-11-24 14:35:00
原創
6789 人瀏覽過

jquery取得元素數量的方法:1、利用「$(元素)」語句取得指定的元素物件;2、利用length屬性來取得指定元素物件中元素的數量,語法為「元素物件. length;」。

jquery怎麼取得有幾個指定元素(數量)

本教學操作環境:windows7系統、jquery1.10.0版本、Dell G3電腦。

jquery怎麼取得元素的數量

#在jquery中,可以透過取得指定元素對象,使用length屬性取得指定元素的數量。以下舉例說明jquery如何取得元素數量。

1、新建一個html文件,命名為test.html,用來講解jquery如何取得元素數量。使用div標籤建立一個模組,在div內,使用h3標籤建立多行文字。設定div的id屬性值為mydiv,用於下面透過該id取得div物件。

建立一個button按鈕,給button綁定onclick點擊事件,當按鈕被點擊時,執行getEleNum()函數。

jquery怎麼取得有幾個指定元素(數量)

2、在getEleNum()函數內,透過id和元素名稱(h3)得到h3元素對象,使用length屬性來獲得h3元素的數,儲存在num變數中,並使用alert()方法輸出結果。

jquery怎麼取得有幾個指定元素(數量)

在瀏覽器開啟test.html文件,點擊按鈕,查看結果。

jquery怎麼取得有幾個指定元素(數量)

總結:

1、使用div標籤建立一個模組,在div內,使用h3標籤建立多行文字,設定div的id屬性值為mydiv。

2、在js中,透過id和元素名稱(h3)獲得h3元素對象,使用length屬性來獲得h3元素的個數。

注意事項:

length屬性是物件的屬性。

相關影片教學推薦:jQuery影片教學

#

以上是jquery怎麼取得有幾個指定元素(數量)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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