以下是原生js方法:

//获取到所有的li标签
var li = technical.querySelectorAll("li")
//遍历li标签
for (let i = 0; i < li.length; i++) {
//将i的下标赋值到li的index上li[i].index = i ;li[i].onclick = function (){console.log(tihe.index);};
};

以下是jq方法,相对于js方便一点:

$("li").click(function(){var Index = $("li").index(this);console.log(Index);
});

js、jq获取当前点击元素的下标相关推荐

  1. 如何获取当前点击元素的某个子元素

    <div onclick="javascript:sqhys(event)"><div id="demochild"></div& ...

  2. Vue中获取当前点击元素的父元素、子元素、兄弟元素

    Vue如何获取当前点击元素? 获取父元素.子元素.兄弟元素呢? 通过帮定点击事件: 例如: <button class="shanchu" @click="shan ...

  3. VUE获取当前点击元素

    获取: @click='fn($event)' 使用: fn (event) { console.log(event.currentTarget); // event.currentTarget获取当 ...

  4. js中获取当前点击的li标签以及li标签中a标签的id

    可以使用以下代码来获取当前点击的li标签的id: document.querySelectorAll('li').forEach(function(li) {li.addEventListener(' ...

  5. js动态给当前点击元素添加css类

    1.页面: 2.html代码: <div class="project-all"><template v-for='(index,project) in proj ...

  6. jq获取当前点击的ul里li的a标签的值

    ul的id为assort var assort=$("#assort li");assort.click(function () {var classfiyText = $(thi ...

  7. vue如何输出一个值_如何利用vue获取当前点击的元素并传值(图文教程) -

    thinkphp开发的一个项目,登录成功后又跳转到登录页面,在提交信息后输出session都是正常的,没有问题,但是页面跳转后,session出现丢失现象,无法正常完成登陆.通过查找资料,发现原来是b ...

  8. JQuery选择器通过click事件获取当前点击对象的id,name,value属性

    JQuery选择器通过click事件获取当前点击对象的id,name,value属性 JQuery捕获或获取当前click事件的事件对象ID

  9. jquery 获取被点击元素的id属性值

    https://www.cnblogs.com/ostrich-sunshine/p/8376297.html 有时候可能需要获取被点击元素的一些信息,此处就以id属性为例子,进行演示一下. $(do ...

最新文章

  1. mahout相关笔记
  2. apache thrift分析
  3. 苹果12 Pro Max和mini测评来了,看完我选择了iPhone 12
  4. 迁移学习--Xception
  5. 实用代码---取得当前的年月日,当前的时分秒获得,周几和星期几获得
  6. (二)ElasticSearch6.1.1 Python API
  7. android car bt模块,大谷蓝牙小车BT Car/Android Car手机控制 重力控制小车 安卓操控小车...
  8. # hive打不开,提示节点过少,进入安全模式~~
  9. 在CentOS7上安装和使用ZooKeeper最新版本(V3.4.12)
  10. Linux中的提权操作
  11. android 数据持久化——I/O操作
  12. Tensorflow 获取model中的变量列表,用于模型加载等
  13. IP地址的分类,五分类编制CIDR以及子网的划分和子网掩码
  14. ccfb类会议有哪些_CCF推荐国际学术会议
  15. shell脚本中select循环语句用法
  16. 计算机复试专业课笔试,关于计算机考研专业课的考试内容
  17. SQL Server安装和修改身份验证方式
  18. hp m281_惠普m281fdw驱动下载-hpm281fdw打印机驱动v44.3 官方版 - 极光下载站
  19. 华为鸿蒙dba,人生中最重要的决策|读在职博士DBA
  20. 使用protractor操作页面元素

热门文章

  1. 电子结构计算方法:三维布里渊区均匀取点的一般性方法Monkhorst-Pack方法
  2. Notifications(通知)
  3. Wiki: Web Collaboration
  4. foobar2000设置不当造成声音有噪音.
  5. Github pages Hexo博客访问量统计功能的实现
  6. python 四象限图_使用matplotlib绘制四象限图
  7. 前端nuxt项目启动时怎么跳过Are you interested in participation?
  8. 2021年中国液态金属行业现状分析:化学特性和广泛的技术应用,市场需求大[图]
  9. Dimitra,以区块链的方式为农业深度赋能
  10. 【牛客·华为真题】Python扑克牌大小