传单集群标记与我的jQuery选择器弄乱了

时间:2019-12-13 21:38:22

标签: javascript css leaflet

因此,我的传单集群正在工作。我有一堆带有折线的圆形标记,将它们连接在一起。我希望能够将鼠标悬停在圆形标记上并突出显示连接标记的折线。创建标记时,我注入了邮政编码,所以现在我所有的路径类都看起来像我能够选择所有路径元素并更改道具。现在的问题是传单集群。似乎更改了我的路径元素并删除了它们,因此我的mouseenter和mouseleave函数不再对所有标记都起作用。有任何想法吗?谢谢。

 //Gets all path elemnts
        var getPaths = $('path')

        $(getPaths).mouseenter(function() {
                //gets the classname of the hovered element
                 var elemToChangeArr = (document.getElementsByClassName(this.className.baseVal))
                 for(let i=0;i<elemToChangeArr.length;i++){
                    elemToChangeArr[i].setAttribute('stroke-width',3)
                    elemToChangeArr[i].setAttribute('stroke','blue')
                 }
        });

        $(getPaths).mouseleave (function hoverPath() {
                 var elemToChangeArr = (document.getElementsByClassName(this.className.baseVal))
                 for(let i=0;i<elemToChangeArr.length;i++){
                        elemToChangeArr[i].setAttribute('stroke-width',0.5)
                        elemToChangeArr[i].setAttribute('stroke','green')
                 }
        }); 

0 个答案:

没有答案