<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. 编码补充 daty 6
			
    ---恢复内容开始--- 1.  用id求内存地址 id 查询内存地址 name = 'alex' print(id(name)) li = [1,2,3] print(id(li)) 结果: 2.  ...
    
			
    2. 
						
  2. prototype.js的Ajax对IE8兼容问题解决方案
			
    你是否遇到过这样的问题?在使用protype.js的Ajax应用时,会出现这样的问题:只要调用了Ajax.Request,然后点该页面右键,查看“属性”就弹出“IE停止工作”的对话框,然后强制重新加载 ...
    
			
    3. 
						
  3. hdu 1010(DFS) 骨头的诱惑
			
    http://acm.hdu.edu.cn/showproblem.php?pid=1010 题目大意从S出发,问能否在时间t的时候到达终点D,X为障碍 需要注意的是要恰好在t时刻到达,而不是在t时间 ...
    
			
    4. 
						
  4. 用VS2010打开VS2012项目
			
    1.修改解决方案文件,即.sln文件: 用记事本打开.sln文件,把其中的 Microsoft Visual Studio Solution File, Format Version 12.00 #  ...
    
			
    5. 
						
  5. Nginx 如何限定IP访问
			
    在nginx.conf中的server限制段中.deny IP.表示需要限制该IP不可访问.allow IP表示权该IP可以访问. 如上图.表示阻止192.168.1.122的IP的访问.那当然也可以 ...
    
			
    6. 
						
  6. qrcode解决方案大全
			
    QRCODE解决方案 1.delphi原生QRCode.pas 2.delphi编写http服务器实现QRcode请求生成图片,http下载 3.delphi编写cgi程序,加载到apache服务器  ...
    
			
    7. 
						
  7. 判断\r\n结束标准
			
    ucPrev==0x0D&&ucCur==0x0A \r\n uint8_t ucPrev =0,ucCur = 0; uint32_t recvlen = 0; for (; uiL ...
    
			
    8. 
						
  8. urllib和requests库
			
    目录 1. Python3 使用urllib库请求网络 1.1 基于urllib库的GET请求 1.2 使用User-Agent伪装后请求网站 1.3 基于urllib库的POST请求,并用Cooki ...
    
			
    9. 
						
  9. 社交类APP原型模板分享——QQ
			
    QQ是一款社交类的APP应用——聊天软件,支持多人群聊以及丰富有趣的娱乐功能. 此模板交互效果很丰富,主要有抽屉侧拉效果,滚动内容界面.标签组切换.选择组件触发按钮状态变化.点击下拉展开列表.点击弹出 ...
    
			
    10. 
						
  10. Ajax（6） Ajax向servlet请求数据库操作 并显示到当前页面  这个未经测试
			
    假设:1.你的页面在Web-Root下,内容为: <div id="showMsg"></div><input type="text&quo ...
    
			
    11.