美文网首页
点击li返回当前li在列表中的序号

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

作者: 饥人谷_流水 | 来源:发表于2017-10-25 09:19 被阅读0次

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()

相关文章

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

    1. var ul = document.getElement('ul');var li = ul.getElem...

  • 首页

    1. tab栏切换 实现方法:点击li获取当前li,对应的li添加active,在每个li里自定义一个data-t...

  • 定义列表

    1、ul,li;ol,li;dl,dt,dd的区别 首先ul为无序列表,显示出来就是圆点;ol为有序列表,是有序号...

  • 第二节:HTML知识点升级

    高级标签 列表:无序列表ul>li;有序列表ol>li;自定义列表dl>dt+dd;列表嵌套ul>li>ul>li...

  • 列表元素

    无序列表ul表内的条目li有序列表ol 属性:type(序号形式) start (起始于)reversd(改变...

  • 列表案例(v-for、v-bind:、@click)

    电影列表案例默认第一个li为红色,再点击哪个li,该li字体颜色变红 思路:初始化currentIndex为0,用...

  • 循环调节列表

    点击 UP 按钮会使得该 li 元素在列表中上升一个位置,点击 DOWN 按钮会使得该 li 元素下降一个位置。点...

  • web前端入门到实战:css如何玩转有序无序列表项list样式

    在无序列表ul>li中,无线列表的标志是出现在各列表前面的圆点。在有序列表ol>li中,前面默认带有数字,如何修改...

  • 2018-06-17

    列表插入元素的方法 li=[] li.insert(0,0) li.append('tang') 列表元素的删除 ...

  • 项目第一天点击列表跳转到相应的详情

    主要总结点击各个列表可以跳转到相应的列表详情中,其他的不总结1.在相应的列表li标签中添加监听事件 2.在

网友评论

      本文标题:点击li返回当前li在列表中的序号

      本文链接:https://www.haomeiwen.com/subject/bsgfpxtx.html