如何在mouseover(jquery)中添加多个div

Question

我有7个声明的div，它们使用jquery具有不同的类属性。我想在mouseover中使用7个div。我该怎么做？

我的7个潜水器是潜水器一、潜水器二。。。直到divSeven。

我有这个示例mouseover代码，但只使用了一个div。

                    nodeEnter.append("circle")
                    .attr("r", 30)
                    .style("stroke","white")
                    .on("mouseover", function(d) {
                        divOne.transition()
                          .duration(200)
                          .style("opacity", .9);
                        divOne.html(
                           "Name" + "<br />" + "Address"
                         ) 
                          .style("left", (d3.event.pageX) + "px")
                          .style("top", (d3.event.pageY - 28) + "px");
                        })
                      .on("mouseout", function(d) {
                        divOne.transition()
                          .duration(500)
                          .style("opacity", 0);
                        });

如何在鼠标悬停期间添加其他div？任何帮助。感谢

Answer 1

您需要这样的东西。

nodeEnter.append("circle")
         .attr("r", 30)
         .style("stroke", "white")
         .on("mouseover", function(d) {
             onMouseOver();
         })
         .on("mouseout", function(d) {
             onMouseOut();
         });
 var divElements = $('.classofdiv1', '.classofdiv2'......); //add all the div's class
 function onMouseOver() {
     $(divElements).each(function(index) {
         $(this).transition()
             .duration(200)
             .style("opacity", .9);
         $(this).html(
                 "Name" + "<br />" + "Address"
             )
             .style("left", (d3.event.pageX) + "px")
             .style("top", (d3.event.pageY - 28) + "px");
     });
 }
 function onMouseOut() {
     $(divElements).each(function(index) {
         $(this).transition()
             .duration(500)
             .style("opacity", 0);
     });
 }

希望这有帮助：）