同一li标签下的p标签和a标签获取下标问题

四个li标签,然后需要实现是给li下面的一个p标签还有一个a标签绑定点击事件;

但是在绑定的过程中获取点击的下标出错点击任何一个p和a标签都是index=1;

之前有遇见过同样的问题,完美解决了的,但是因为个人原因,不太会写代码了,记录一下,算是小错误集囊;

同一li标签下的p标签和a标签获取下标问题

我知道这个问题是真的有点。。(算了,我啥也不说)

同一li标签下的p标签和a标签获取下标问题同一li标签下的p标签和a标签获取下标问题

同一li标签下的p标签和a标签获取下标问题同一li标签下的p标签和a标签获取下标问题

var i = $(this).parent().index();

注意是同一父级元素的兄弟节点!!!不能跨级!!!

行吧,上面那句就是重点了——$(this).index()返回的是该节点在兄弟节点中排行第几,从0开始计数

我点击的是类名是“img-box”的p标签,和类名为“accept-btn”的a标签,但是获取index的元素在不同的li标签下面。

使用——$(this).index()在li为父级的对象里p是第二个子元素,所以index=1,因为我的结构一样,我们试一下打乱其中一个

同一li标签下的p标签和a标签获取下标问题同一li标签下的p标签和a标签获取下标问题

p变成第三个子元素,index=2,

我要得到的index是每个宝箱的index,所以回到父级li标签获取index。

over~是一个我觉得自己不应该犯的错误