html中a标签的点击如何获取a的索引值
导读：示例代码如下：获取被点击的a标签的索引值创建Html元素点击a标签获取其索引值：我是第一个a标签我是第二个a标签我是第三个a标签我是第四个a标签设置css样式div.box{width:300px;padding:20px;margin:2...
示例代码如下：获取被点击的a标签的索引值创建Html元素
点击a标签获取其索引值：我是第一个a标签
我是第二个a标签
我是第三个a标签
我是第四个a标签
设置css样式div.box{ width:300px; padding:20px; margin:20px; border:4px dashed #ccc; } div.box span{ color:#999; font-style:italic; } div.content{ width:250px; margin:10px 0; padding:20px; border:2px solid #ff6666; } a{ display:block; padding:5px; text-decoration:none; } .selected{ background:#99ccff; } 编写jquery代码$(function(){ $(".content a").click(function() { $(this).addClass('selected'); // 给被点击元素添加样式alert($(this).index()); } )} )观察效果：因为index从0开始计数，所以点击第三个元素，获取的索引值是2第一步，首先想变a标签的位置，是使用css控制的，那么我们先前往css官方文档查看一下，有什么属性是可以控制位置的，最终我们找到定位position 属性可以轻松解决
第二步，为了方便我们对html代码进行编辑第三步，为了更加详细的说明怎么用第四步，我们使用css来position 给a标签改变位置第四步，我们前往浏览器打开这个html网页，发现a标签位置已经改变，只要改变top和left的大小就能改变位置可以通过id选中a标签，
可以通过class选中a标签，
可以直接通过标签名称选中a标签
例如：a id='targa' class='targa' />
js 代码有3种：
document.getElementById('targa'); #id获取
document.getElementsByTagName('a')；#标签
document.getElementsByClassName('targa'); #class获取
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： html中a标签的点击如何获取a的索引值
本文地址： https://pptw.com/jishu/25672.html