there is a group of array featuring SVG path colors. I wrote a function as follows:
for(var item in colorCollectionArray) {
var village = colorCollectionArray[item].village;
var fillColor = "fill:"+colorCollectionArray[item].colorSet;
$(SVG).find("path").each(function(){
var id = $(this).attr("id");
console.log(id)
if(village) {
if(id.substring(6) === village){
$(this).attr("style",fillColor);
}
}
});
}
the color has been successfully filled in, but the performance is not very good, because the number of this data is so large, it will be very slow every time.
I would like to ask you if you have any suggestions. I checked as if I would like to use return (recursion) to traverse. But I don"t quite understand how to use it. I look forward to the advice of high-level people. -sharp-sharp-sharp problem description
the environmental background of the problems and what methods you have tried
related codes
/ / Please paste the code text below (do not replace the code with pictures)