How to fix onmouseover over a separate road in Leaflet.js?

Question

leaflet

Hello!
The map has a layer of roads

var roads_layer = L.geoJson.ajax('http://192.168.5.155:8000/roads.geojson', {
}).addTo(mymap);

I need to change the style of the road when hovering over the road and show the popup.
Like this if I do

roads_layer.on('mouseover', function(e) {
    this.setStyle({
        color: 'orange'
     });
});

changes the appearance of the entire layer. How to catch a separate road when hovering the mouse?

Answer 1

Similar to https://leafletjs.com/examples/choropleth/ (here for polygons)