jquery 获取当前元素是父级元素的第几个同类名元素

HTML:

<div class="option_cell">
   <span class="cl">0</span>
   <span class="cl">1</span>
   <span class="cl">2</span>
   <span class="cl">3</span>
   <span class="cl">4</span>
   <span class="cl">5</span>
   <span class="cl">6</span>
</div>

 1、直接获取 

$(".cl").click(function(){
    var index = $(this).index();//获得的index从0开始
});

2、先找父级元素（可跨层级），再获取

$(".cl").click(function(){
    var index = $(this).parents(".option_cell").index();//index从0开始
});