class - examples - framework d3

D3.js verifica si un nodo tiene una clase

Question

Estoy intentando escribir una función de click para seleccionar el siguiente nodo g.slice , agregarle una clase de .sliceActive y eliminar .sliceActive de la .slice original. Sin embargo, solo cuando esté en la última g.slice (con una clase de .slice5 ) agregará .sliceActive a la primera g.slice con una clase de .slice0 .

Esto es lo que tengo hasta ahora que no está funcionando. Creo que el problema es que no sé cómo ver si el nodo .sliceActive actual también tiene la clase de .slice5 .

        $(".next").click(function(){
            var nextSlice;
            if(d3.select("g.sliceActive").hasClass("slice5")){
                nextSlice= d3.select(".slice0");
            }else{
                nextSlice= d3.select("g.sliceActive + g");
            }               
            d3.select("g.sliceActive").classed("sliceActive",false);
            nextSlice.classed("sliceActive",true);
        });

Y aquí está cómo se ve en el inspector web:

Answer 1

La función classed de d3 sin segundo parámetro devolverá si el elemento seleccionado tiene la clase aprobada.

d3.select("g.sliceActive").classed("slice5")

Debería decirte lo que necesitas saber.