Change class of one element when hover over another element d3

Question

I have a list of images and a list of image titles. I want to be able to show a hover state (change css) for the title when I mouse over its corresponding image, but I canno

Answer 1

The quick and dirty solution would be to simply use the index of the data element to figure out which title matches which image:

d3.selectAll(".Myimages")
      .on("mouseover", function(d, i) { 
        d3.select("#PaintingDetails")
          .selectAll("li")
          .classed("selected", function(e, j) { return j == i; })
         });