<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. thinkphp两表联查并且分页
			
    ThinkPHP中关联查询(即多表联合查询)可以使用 table() 方法或和join方法,具体使用如下例所示: 1.原生查询示例: $Model = new Model(); $sql = 'sel ...
    
			
    2. 
						
  2. pyspider入门
			
    1.http://www.pyspider.cn/jiaocheng/pyspider-webui-12.html 2.https://blog.csdn.net/weixin_37947156/ar ...
    
			
    3. 
						
  3. ie6 PNG图片透明
			
    _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/videoTips.pn ...
    
			
    4. 
						
  4. DOM-动态操作心得
			
    这个知识点都是之前看过的,就当是复习了 一.创建元素的三种方法 第一种:  document.write() 识别标签 但会覆盖之前内容 第二种:  用元素自身的innerHTML方法 不识别标签 但 ...
    
			
    5. 
						
  5. CF Round #509 (Div. 2)
			
    前言:第一次打\(CF\),因为经验不足以及英语水平很烂,即便在机房大佬的带领下也是花了好久才读懂题目..\(A\)题直到\(11\)分钟才\(A\),题目一共才做了\(4\)题,太菜了.. A. H ...
    
			
    6. 
						
  6. Jackson高并发情况下，产生阻塞
			
    情况:在高并发情况下,查看线程栈信息,有大量的线程BLOCKED. 从线程栈得知,线程栈中出现了阻塞,锁在了com.fasterxml.jackson.databind.ser.SerializerC ...
    
			
    7. 
						
  7. swift 判断真机还是模拟器
			
    if Platform.isSimulator { // Do one thing print("isSimulator") } else { } struct Platform  ...
    
			
    8. 
						
  8. Getting svn to ignore files and directories
			
    August 27, 2013Software Developmentresources, subversion, svn, tutorial, version control Who knew it ...
    
			
    9. 
						
  9. nginx的hash
			
    hash结构中有若干个桶,桶内是hash(key)值相同的若干数据. 查找数据时,首先对key值进行hash计算,然后hash值对桶的个数进行求余,得到数据所在的桶.然后在桶中使用key逐个查找,直到 ...
    
			
    10. 
						
  10. js 异步加载和同步加载
			
    异步加载 异步加载也叫非阻塞模式加载,浏览器在下载js的同时,同时还会执行后续的页面处理.在script标签内,用js创建一个script元素并插入到document中,这种就是异步加载js文件了:  ...
    
			
    11.