Jquery 突出显示悬停时具有相同属性的链接和图像

实际上，我想通过鼠标悬停任何项目来显示到列表和多个图像之间的关系。 因此，摄影师、风格和图像有许多不同的类别，可以选择。 是否有任何动态方法可以检查鼠标上的任何元素类，然后突出显示站点上的任何其他元素并将其突出显示给用户

例如： 摄影师1上的鼠标悬停突出显示样式A、C、F和H，但也突出显示来自摄影师的类图像。 在另一侧，悬停样式A和摄影师1和2将突出显示，以及相应的图片

除此之外： 如何解决让摄影师被点击并在鼠标上记住亮点的问题

有一个关于这一点的列表，但没有第二个单独的列表

加价

sry，我暗示您使用jquery。。。尽管如此，希望这能有所帮助

尝试一下：

CSS

jQuery

$(function() {
    $("#listing A").on('mouseover click', function() {
        $("#wrapper_image IMG").removeClass("highlight");
        var classes = $(this).attr("class").split(/\s+/);
        for (var i = 0; i < classes.length; i++){
            $("." + classes[i]).addClass("highlight");
        }
    });
});

---

你能发布组成图像网格的HTML吗。$.pg->这是合法的选择器吗？正是我想要的！谢谢

$(".pg<x>").hover(function(){
   $(".pg<x>").<do what you want here> (.css or .addClass ...)
});

#wrapper_image IMG {
    opacity: 0.5;
}
#wrapper_image IMG.highlight {
    opacity: 1.0;
}

$(function() {
    $("#listing A").on('mouseover click', function() {
        $("#wrapper_image IMG").removeClass("highlight");
        var classes = $(this).attr("class").split(/\s+/);
        for (var i = 0; i < classes.length; i++){
            $("." + classes[i]).addClass("highlight");
        }
    });
});