点击li返回当前li在列表中的序号


1.

var ul = document.getElement('ul');

var li = ul.getElementsByTagName('li');

//Element.getElementsByTagName() 方法返回一个动态的包含所有指定标签名的元素的HTML集合HTMLCollection。指定的元素的子树会被搜索,不包括元素自己。返回的列表是动态的,这意味着它会随着DOM树的变化自动更新自身。

ul.onclick = function(e){

for(var s in li){

if(e.target == s){

var index = li.indexOf(s)

console.log( index)

break;

}

}

}

2.

jquery的index()

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,844评论 1 92
  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 1,923评论 0 1
  • 文/天真 亲爱的 我知道 你都记得 与处女座先生初识对我来说是个意外。 当初人人网还很盛行的时候,在某个失眠的夜晚...
    正经树袋熊阅读 13,881评论 167 83
  • 很多时候,我活在一个虚幻的世界里。那是一个任由我装饰的天堂,里面的每个人都被我赋予了我想要给他们的性格和特质,就这...
    mosaic_dex阅读 148评论 0 0
  • 文•度度鸟 初读杨绛的《我们仨》,我还在一个很年轻的年纪。我常常以为,人在年少的时候不妨多读读老年人写的书。因为人...
    河聿阅读 6,059评论 5 14