index和location.href的用法

index和window.location.href的用法

1、
<div class="aa">111</div>
<div class="aa">222</div>
<div class="aa">333</div>

 $(".aa").click(function(){ 
 	var n=$(".aa").index(this);
 	alert(n); 
 });
上述方式即可获取当前点击的index

2、
$(".form-row").on("click",".color-option",function(){
	var n=$(".color-option").index(this);
	// window.location = $(this).find("a").attr("href");
	if(n=="0"){
		window.location.href="https://xxxxxxxxxxx";
	}else if(n=="1"){
		window.location.href="https://xxxxxxxxxxxx";
	}else if(n=="2"){
		window.location.href="https://xxxxxxxxxxx";
	}else {return;}
})
通过事件委托执行点击事件，然后根据点击的元素index实现跳转指定连接。