如何在javascript中获取svg group元素中单击的rect元素的索引

Question

我想得到点击的rect元素的索引。我在一个组元素中有多个矩形。我想获得特定点击矩形的索引。

我这样用过。

var par=document.getElementById(this.parentgEle.id);                        
var childs = par.getElementsByTagName('rect');
        for (var i = 0, len = childs.length; i < len; i++) {
         this.currentRectIndex = i;
          console.log(this.currentRectIndex);
        }     

像这样使用，我可以在删除第一个rect时正确获取索引值。但如果我有三个rects，删除最后一个rect然后单击第二个rect它返回索引值1。 但是，如果我单击第一个rect方法，则值应返回为0.但它返回1.因为使用for循环。 如何避免这种情况。 我们可以在不使用循环的情况下获取元素的索引。 有人建议我。 对我来说应该是很有帮助的。 提前谢谢。