jQuery中DOM元素的獲取index方法

2021-09-19 04:18:55 字數 771 閱讀 8500

get方法是通過已知的索引在合集中找到對應的元素。如果反過來,已知元素如何在合集中找到對應的索引呢?

.index()方法,從匹配的元素中搜尋給定元素的索引值,從0開始計數。

語法:引數接受乙個jquery或者dom物件作為查詢的條件

.index()

.index( selector )

.index( element )

- 如果不傳遞任何引數給 .index() 方法,則返回值就是jquery物件中第乙個元素相對於它同輩元素的位置

- 如果在一組元素上呼叫 .index() ,並且引數是乙個dom元素或jquery物件, .index() 返回值就是傳入的元素相對於原先集合的位置

- 如果引數是乙個選擇器, .index() 返回值就是原先元素相對於選擇器匹配元素的位置。如果找不到匹配的元素,則 .index() 返回 -1

簡單來說:

$("li").index() 沒有傳遞引數,反正的結果是1,它的意思是返回同輩的排列循序,第乙個li之前有a元素,同輩元素是a開始為0,所以li的開始索引是1

如果要快速找到第二個li在列表中的索引,可以通過如下2種方式處理

$("li").index(document.getelementbyid("test2")) //結果:1

$("li").index($("#test2"))  //結果:1

jQuery中DOM元素的獲取get方法

jquery是乙個合集物件,如果需要單獨操作合集中的的某乙個元素,可以通過.get 方法獲取到 以下有3個a元素結構 12 3通過jquery獲取所有的a元素合集 a 如果想進一步在合集中找到第二2個dom元素單獨處理,可以通過get方法 語法 get index 注意2點 get方法是獲取的dom...

Jquery獲取iframe的DOM元素

開源layer彈出層 獲取子頁面iframe的dom元素 var iframename layero.find iframe 0 name var container parent.window.frames iframename document 或者 winfow.frames iframena...

jQuery中的dom元素操作

操作元素的屬性 attr prop 1.獲取或設定元素的屬性值 attr console.log input type button attr value attr 乙個值時為獲取 input type button attr value web前端 attr 兩個值時為設定 console.log...