JavaScript中獲取元素索引的函數(shù)
更新時間：2010年09月10日 00:23:53 作者：
相信使用過jQuery的朋友都知道index()方法, 她可以很方便的幫你找到當前元素在元素集合中索引位置. 那么, 原生JavaScript中如何獲取呢?
這是我在寫結構/表現(xiàn)/行為完全分離的選項卡(jQ版和原生JS版)一文時發(fā)現(xiàn)的問題. 今天一個朋友也問到我這個問題, 這個函數(shù)的確很實用. 和大家分享一下我的實現(xiàn)方法.
代碼:
function index(current, obj){
for (var i = 0; i < obj.length; i++) {
if (obj[i] == current) {
return i;
}
}
}
原理:
通過一個for循環(huán)遍歷找出當前集合中與當前元素相等的元素,那么該元素的下標值即是當前元素在元素集合中的索引值.
優(yōu)化下：
function index(current, obj){
for (var i = 0, length = obj.length; i<length; i++) {
if (obj[i] == current) {
return i;
}
}
}
代碼:
復制代碼 代碼如下:
function index(current, obj){
for (var i = 0; i < obj.length; i++) {
if (obj[i] == current) {
return i;
}
}
}
原理:
通過一個for循環(huán)遍歷找出當前集合中與當前元素相等的元素,那么該元素的下標值即是當前元素在元素集合中的索引值.
優(yōu)化下：
復制代碼 代碼如下:
function index(current, obj){
for (var i = 0, length = obj.length; i<length; i++) {
if (obj[i] == current) {
return i;
}
}
}
相關文章
這篇文章主要給大家介紹了關于CORS跨域資源共享的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者使用CORS具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-03-03
這篇文章主要介紹了elementui上傳圖片回顯,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-07-07
這篇文章主要為大家詳細介紹了js定時器實現(xiàn)倒計時效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要為大家詳細介紹了微信小程序輪播圖自定義光標位置，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要介紹了JS實現(xiàn)圖片懶加載(lazyload)過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-04-04
這篇文章主要給大家介紹了關于JS實現(xiàn)頁面跳轉與刷新的方法，文中通過示例代碼介紹的非常詳細，對大家學習或者使用JS具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-08-08
這篇文章主要給大家介紹了7個好用的JavaScript技巧，文中通過示例代碼介紹的非常詳細，對大家學習或者使用JavaScript具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-05-05
這篇文章主要為大家詳細介紹了javascript設計模式之迭代器模式，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)登錄界面，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
模仿JQuery.extend函數(shù)擴展自己對象的js代碼
最近打算寫個自己的js工具集合，把自己平常經(jīng)常使用的方法很好的封裝起來，其中模仿了jq的結構。2009-12-12