<body>

<div class="titTab">

    <span>低</span>

    <span>中</span>

    <span class="select">高</span>

</div>

<input type="button" value="获取下标" class="target"/>

</body>
$(".target").click(function(){

    //方法一 注意空格与非空格

    var index = $('.titTab span.select').index();

    //方法二

    //var index = $('.titTab .select').index();

    alert("index:"+index);//弹出index:2
});

//选择低中高

$('.titTab span').click(function() {

    var i = $(this).index();//下标从0开始 0,1,2

    $(this).addClass('select').siblings().removeClass('select');

});


 


												


											
js获取标签下标的更多相关文章
	

    
								
  1. JS获取标签内容的方法
		
    JS获取标签内容的方法 测试代码 <!DOCTYPE html> <html lang="en"> <head> <meta charse ...
    
		
    2. 
						
  2. JS获取标签方法及兼容处理
		
    document.getElementById('Id名');  // 所有浏览器 document.getElementsByTagName('标签名'); // 所有浏览器 document.ge ...
    
		
    3. 
						
  3. js获取标签的几种方式
		
    一:id获取(全部浏览器兼容) document.getElementById(""); <body> <div id="box">&l ...
    
		
    4. 
						
  4. js获取标签的三种方式
		
    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
    
		
    5. 
						
  5. Js获取标签高度
		
    能力有限:问个问题,标签相对页面高度,是怎么写? 鼠标的横坐标,X轴: event.clientX; 鼠标的竖坐标,Y轴: event.clientY; 网页可见区域宽:    document.bo ...
    
		
    6. 
						
  6. js获取元素下标
		
    <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title> ...
    
		
    7. 
						
  7. JS：获取标签的6个方法+获取html+获取body
		
    JS 获取标签的方法 通过class: document.getElementsByClassName('class名');返回数组通过name: document.getElementsByName ...
    
		
    8. 
						
  8. javascript  获取标签内的内容
		
    js 获取标签内的内容 参考:这篇博客给了我很大的启发. http://www.cnblogs.com/breakdown/archive/2012/10/09/2716221.html 我遇到的问题 ...
    
		
    9. 
						
  9. Js获取后台集合List的值和下标的方法
		
    Js获取后台集合List的值和下标的方法 转载自:http://blog.csdn.net/XiaoKanZheShiJie/article/details/47280449 首先用的是struts2 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 为Linux虚拟机设置网络
			
    安装虚拟机的时候为了使用方便我们除了需要设置静态ip为了能够让虚拟机也能够上网我们需要设置虚拟机网络 当然也可以使用虚拟机和主机共享上网,这个比较简单,这里就不说了,现在我们来通过桥接的方式为虚拟机设 ...
    
			
    2. 
						
  2. hdu (kruska and prime) 继续畅通工程
			
    题目http://acm.hdu.edu.cn/showproblem.php?pid=1879 复习一下最小生成树的两个基本算法. 由于存在道路是否已修建的问题,如果已修建,那么该条道路的成本即为0 ...
    
			
    3. 
						
  3. 开源防火墙（pfSense）的安装部署与配置
			
    pfSense是一个基于FreeBSD架构的软件防火墙,通常会被安装在多网卡的主板上作为路由器或者防火墙去使用.往往这些硬件都比较廉价,高性能的配置也就1千元左右.pfSense具有商业防火墙的大部分 ...
    
			
    4. 
						
  4. __PRETTY_FUNCTION__, __FUNCTION__, __func__
			
    __PRETTY_FUNCTION__, __FUNCTION__, __func__这三者的区别是什么? http://stackoverflow.com/questions/4384765/wha ...
    
			
    5. 
						
  5. 动态链接库DLL导出函数并导入使用
			
    动态链接库DLL导出函数并导入使用 本文完全参考自<vs2008制作dll笔记,回带值样例>. 首先制作DLL文件,在vs2010中新建Win32控制台项目,选择DLL选项,简历头文件,源 ...
    
			
    6. 
						
  6. Spring Environment（三）生命周期
			
    Spring Environment(三)生命周期 Spring 系列目录(https://www.cnblogs.com/binarylei/p/10198698.html) Spring Envi ...
    
			
    7. 
						
  7. RunAsPolicy Exit Code 1替代
			
    <Policies>  <RunAsPolicy CodePackageRef="Code" UserRef="SetupLocalSystem&quo ...
    
			
    8. 
						
  8. 对象回收过程？线程池执行过程？ map原理？集合类关系？synchronized 和 volatile ? 同一个类的方法事务传播控制还有作用吗？java 锁
			
    1.  对象回收过程? 可达性分析算法: 如果一个对象从 GC Roots 不可达时,则证明此对象不可用. 通过一系列称为GC ROOTS的对象作为起点,从这些起点往下搜索,搜索走过的路径 称为引用链 ...
    
			
    9. 
						
  9. Office 365 API Tools预览版已提供下载
			
    Office 365 API Tools预览版地址:http://visualstudiogallery.msdn.microsoft.com/7e947621-ef93-4de7-93d3-d796 ...
    
			
    10. 
						
  10. ueditor   功能定制
			
    方法一:用js传参 var editor = new UE.ui.Editor({initialFrameHeight:200,initialFrameWidth:640,toolbars:[[&qu ...
    
			
    11.