JavaScript中獲取元素索引的函數(shù)
更新時(shí)間:2010年09月10日 00:23:53 作者:
相信使用過jQuery的朋友都知道index()方法, 她可以很方便的幫你找到當(dāng)前元素在元素集合中索引位置. 那么, 原生JavaScript中如何獲取呢?
這是我在寫結(jié)構(gòu)/表現(xiàn)/行為完全分離的選項(xiàng)卡(jQ版和原生JS版)一文時(shí)發(fā)現(xiàn)的問題. 今天一個(gè)朋友也問到我這個(gè)問題, 這個(gè)函數(shù)的確很實(shí)用. 和大家分享一下我的實(shí)現(xiàn)方法.
代碼:
function index(current, obj){
for (var i = 0; i < obj.length; i++) {
if (obj[i] == current) {
return i;
}
}
}
原理:
通過一個(gè)for循環(huán)遍歷找出當(dāng)前集合中與當(dāng)前元素相等的元素,那么該元素的下標(biāo)值即是當(dāng)前元素在元素集合中的索引值.
優(yōu)化下:
function index(current, obj){
for (var i = 0, length = obj.length; i<length; i++) {
if (obj[i] == current) {
return i;
}
}
}
代碼:
復(fù)制代碼 代碼如下:
function index(current, obj){
for (var i = 0; i < obj.length; i++) {
if (obj[i] == current) {
return i;
}
}
}
原理:
通過一個(gè)for循環(huán)遍歷找出當(dāng)前集合中與當(dāng)前元素相等的元素,那么該元素的下標(biāo)值即是當(dāng)前元素在元素集合中的索引值.
優(yōu)化下:
復(fù)制代碼 代碼如下:
function index(current, obj){
for (var i = 0, length = obj.length; i<length; i++) {
if (obj[i] == current) {
return i;
}
}
}
您可能感興趣的文章:
- js中利用tagname和id獲取元素的方法
- js querySelector和getElementById通過id獲取元素的區(qū)別
- js 獲取元素所有兄弟節(jié)點(diǎn)的實(shí)現(xiàn)方法
- js 獲取元素下面所有l(wèi)i的兩種方法
- 用js獲取元素屬性的代碼
- js正確獲取元素樣式詳解
- JavaScript獲取元素尺寸和大小操作總結(jié)
- JavaScript中常見獲取元素的方法匯總
- javascript獲取元素CSS樣式代碼示例
- 一個(gè)JavaScript獲取元素當(dāng)前高度的實(shí)例
- js 獲取元素在頁面上的偏移量的方法匯總
- JS簡單實(shí)現(xiàn)獲取元素的封裝操作示例
相關(guān)文章
layui實(shí)現(xiàn)數(shù)據(jù)表格自定義數(shù)據(jù)項(xiàng)
今天小編就為大家分享一篇layui實(shí)現(xiàn)數(shù)據(jù)表格自定義數(shù)據(jù)項(xiàng),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-10-10實(shí)例分析JS與Node.js中的事件循環(huán)
本篇文章通過實(shí)例給大家詳細(xì)分析了JS與Node.js中的事件的原理以及用法,大家學(xué)習(xí)一下吧。2017-12-12JavaScript高級(jí)程序設(shè)計(jì) 錯(cuò)誤處理與調(diào)試學(xué)習(xí)筆記
JavaScript高級(jí)程序設(shè)計(jì) 錯(cuò)誤處理與調(diào)試學(xué)習(xí)筆記,學(xué)習(xí)js的朋友可以參考下。2011-09-09頁面下沉抖動(dòng)效果-網(wǎng)站HTTP連接沒有效果-PC上有效果
頁面下沉抖動(dòng)效果實(shí)現(xiàn)代碼,代碼少,功能還可以2008-05-05理解Javascript_11_constructor實(shí)現(xiàn)原理
在理解了'對(duì)象模型'后,我們就可以看一下constructor屬性是如何實(shí)現(xiàn)的.2010-10-10javascript 三組文字間隙滾動(dòng)實(shí)例代碼
非常實(shí)用的文字間隙滾動(dòng)效果代碼2008-06-06