<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. pycharm  配置支持vue
			
    http://www.cnblogs.com/c-x-m/p/9229199.html
    
			
    2. 
						
  2. c# sql 复制表后提示列无效解决办法
			
    --CREATE TABLE [dbo].[JinanCount] SELECT * FROM [dbo].[ChengXiangCount]   这条指令错误select * into [dbo]. ...
    
			
    3. 
						
  3. oracle 异常错误处理
			
    分类: Oracle 5.1 异常处理概念 5.1.1 预定义的异常处理 5.1.2 非预定义的异常处理 5.1.3 用户自定义的异常处理 5.1.4 用户定义的异常处理 5.2 异常错误传播 5.2 ...
    
			
    4. 
						
  4. CSS学习总结1：CSS样式
			
    1.CSS背景 属性 background-color:为元素设置背景色,值可以是任何合法的颜色值.实例:p {background-color: gray;} background-image:为元 ...
    
			
    5. 
						
  5. BZOJ 3329 - Xorequ - 数位DP, 矩乘
			
    Solution 发现 $x \ xor \  2x = 3x$ 仅当 $x$ 的二进制中没有相邻的 $1$ 对于第一个问题就可以进行数位DP 了. 但是对于第二个问题, 我们只能通过递推 打表 来算 ...
    
			
    6. 
						
  6. 02. pt-archiver
			
    pt-archiver \--source h=192.168.100.101,P=3306,u=admin,p='admin',D=db01,t=t01 \--dest h=192.168.100. ...
    
			
    7. 
						
  7. 多维数组sorted函数的用法
			
    对某一个位置排列 l=[[1,5,7,9],[5,10,6,11],[4,2,1,4]] newlist=sorted(l,key=lambda iterm : iterm[0],reverse=Tr ...
    
			
    8. 
						
  8. Javascript的一个怪现象
			
    javascript有一个怪现象,就是减法也会导致小数位数问题,是一个麻烦的问题,比如. <html><script> var a=10,b=20.1; alert( a -  ...
    
			
    9. 
						
  9. hehe,网易邮箱已经流氓到这个地步了
			
    网易邮箱现在感觉作死,申请个邮箱还要下载你的APP,好,你牛逼,再见. 这是态度的问题. 最近丢了5亿的用户信息死不承认,撞库能把密保问题给撞出来? 如果真是撞库的话,丁三石养猪也已经感染口蹄疫了吧.
    
			
    10. 
						
  10. 初识jvm堆，栈参数
			
    堆的分配参数: -Xmx //设立最大堆 -Xms //最小堆,初始化堆大小 -Xmn  //设置新生代(eden+2*surviivor+old)大小   官方推荐:3/8Xmx------> ...
    
			
    11.