<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 tomcat
			
    一.简介 Tomcat 服务器是一个免费的开放源代码的Web 应用服务器,属于轻量级应用服务器,在中小型系统和并发访问用户不是很多的场合下被普遍使用,是开发和调试JSP 程序的首选.对于一个初学者来说 ...
    
			
    2. 
						
  2. C# oracle 日期型字段，使用参数传值时，遇到ORA-01810: format code appears twice错误
			
    C#操作oracle数据库时,发现使用to_date('2014-01-03 18:00:00','yyyy-mm-dd hh:MM:ss')时,会出现ORA-01810: format code a ...
    
			
    3. 
						
  3. pop回到之前的某一个页面
			
    循环遍历 - (void)backHome:(UIButton *)button { self.navigationController.navigationBarHidden = NO; 4 Cas ...
    
			
    4. 
						
  4. mysql  if--then--else --endif 问题
			
    if 0 =resultValue then set @m = 2; else set @m =1; end if if 0 =resultValue then set @m = 2; else se ...
    
			
    5. 
						
  5. HDU 3861.The King’s Problem 强联通分量+最小路径覆盖
			
    The King’s Problem Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Other ...
    
			
    6. 
						
  6. [转]Firefox+Burpsuite抓包配置(可抓取https)
			
    0x00 以前一直用的是火狐的autoproxy代理插件配合burpsuite抓包 但是最近经常碰到开了代理却抓不到包的情况 就换了Chrome的SwitchyOmega插件抓包 但是火狐不能抓包的问 ...
    
			
    7. 
						
  7. ssrf绕过总结
			
    前言 昨天忘了在公众号还是微博上看到的了,看到一个SSRF绕过的技巧,使用的是 ⓔⓧⓐⓜⓟⓛⓔ.ⓒⓞⓜ 绕过的,自己也没遇到过.然后想想自己对SSRF绕过还是停留在之前的了解,也没学习过新的绕过方法, ...
    
			
    8. 
						
  8. python -u
			
    标准错误(std.err):直接打印到屏幕 标准输出(std.out):需要缓存后再输出到屏幕 sys.stdout.write("stdout1") sys.stderr.wri ...
    
			
    9. 
						
  9. HTML5中的Web Notification桌面通知(右下角提示)
			
    html5桌面通知(Web Notifications)对于需要实现在新消息入线时,有桌面通知效果的情况下非常有用,在此简单介绍一下这个html5的新属性.通过Web Notifications(桌面 ...
    
			
    10. 
						
  10. ASP.NET 在OnClientClick中js方法直接调用Eval绑定字段的数据
			
    最近有一项目中使用到了asp.net的GridView控件.需要在前端被点击某一行数据时,前端获取到改行后台绑定的数据序列号.遍用<%# Bind("ID) %>.<%#  ...
    
			
    11.