jq获取同一类名的但处于不同父元素下的当前元素的索引值问题

jq获取同一类名的但在不同父元素下的元素的索引值问题

其实很简单,但是可能这种需求真的不多,所以网上资料有点少,索性写一个吧.

首先把需求说明白...

   

dom基本结构类似图中所示,需求就是给类名为b1,b2的元素分别添加不同的点击事件,

点击后 对应的b,b1,b2都会发生样式上的改变,实现这需求的根本就是获取当前点击的元素索引值.

今天被这问题浪费不少时间,开始做着需求的时候没想太多,顺手就用$(this).index()获取索引值了,后来发现是我想简单了...

这样获取到的是对于父元素b中b1或者b2的索引值,永远是0.

当然有一种方法是可以的,事件委托给父元素添加点击事件,然后根据事件的点击位置判断点击的是b1还是b2,分别调取不同的函数就好了.

但是个人觉得这么有点复杂了,可能是太久没用jq了,真是是忘了...

这么写就轻轻松松获取到了索引值

写这篇是为了记录下今天浪费的一小时...