Php Wordpress/jQuery悬停效果用于相同类别的帖子或图片

我有一个可湿性粉剂组合网站使用同位素过滤和排序。它运行良好；然而，我想做的一件事就是不工作

当我将鼠标悬停在公文包页面上的图像上时，我希望它突出显示该类别中的所有其他图像。我可以使用jQuery手动添加每个类别。其投资组合的人将添加更多的类别，并且不能在每次添加内容时都处理.js文件

我肯定有办法，我只是不知道怎么写代码。我有这个，它工作得很好，但我希望它能够动态工作，而不必专门定义类别

    $('.portfolio_categories-mood-images').bind('hover', function(e){
    $('.portfolio_categories-mood-images').each(function(i){
    $(this).toggleClass('highlight-all');
    }, function() { $(this).removeClass('highlight-all'); }); });

我不确定我说的是否有道理。我对jQuery和Javascript还比较陌生，所以提前感谢您的耐心。

重做：

根据您对每幅图像的

代码外观的回复，查看此修订版是否效果更好。为清楚起见，我已记下：

<script>
// Use a more general selection type that will grab portfolio images
$(".portfolio_item").hover(
function() {
    // Get the data contained in category
    var ThisData    =   $(this).data('category');
    // Split it with spaces since there are multiple space-separated tags
    var GetClass    =   ThisData.split(" ");
    // Since you have same-name classes as the array value 0 (presumably)
    // you can just use the category value 0 for class name
    $("."+GetClass[0]).addClass('highlight-all');
},
function() {
    // Just remove the class from all elements
    $(".portfolio_item").removeClass('highlight-all');
});
</script>

//使用一种更通用的选择类型来抓取公文包图像
$（“.portfolio_item”）。悬停(
函数（）{
//获取类别中包含的数据
var ThisData=$（this.data（'category'）；
//使用空格分割，因为有多个空格分隔的标记
var GetClass=ThisData.split（“”）；
//因为您有与数组值0相同的名称类（假定为）
//您可以只使用类别值0作为类名
$（“+GetClass[0]）.addClass（'highlight-all'）；
},
函数（）{
//只需从所有元素中删除该类
$（“.portfolio_item”）.removeClass（'highlight-all'）；
});

重做：

根据您对每幅图像的

代码外观的回复，查看此修订版是否效果更好。为清楚起见，我已记下：

<script>
// Use a more general selection type that will grab portfolio images
$(".portfolio_item").hover(
function() {
    // Get the data contained in category
    var ThisData    =   $(this).data('category');
    // Split it with spaces since there are multiple space-separated tags
    var GetClass    =   ThisData.split(" ");
    // Since you have same-name classes as the array value 0 (presumably)
    // you can just use the category value 0 for class name
    $("."+GetClass[0]).addClass('highlight-all');
},
function() {
    // Just remove the class from all elements
    $(".portfolio_item").removeClass('highlight-all');
});
</script>

//使用一种更通用的选择类型来抓取公文包图像
$（“.portfolio_item”）。悬停(
函数（）{
//获取类别中包含的数据
var ThisData=$（this.data（'category'）；
//使用空格分割，因为有多个空格分隔的标记
var GetClass=ThisData.split（“”）；
//因为您有与数组值0相同的名称类（假定为）
//您可以只使用类别值0作为类名
$（“+GetClass[0]）.addClass（'highlight-all'）；
},
函数（）{
//只需从所有元素中删除该类
$（“.portfolio_item”）.removeClass（'highlight-all'）；
});

在您的示例中，

情绪

和

图像

都是一个类别吗？您不应该用wordpress或php来标记它。只标记您的问题。查看我在“重做”中重写的内容是否是您要查找的内容。在您的示例中，是

情绪
和
图像
每一个都是一个类别？您不应该使用wordpress或php对此进行标记。只标记你的问题是什么。看看我在“重做”中重写的内容是否是你要找的。我想这很接近。每个帖子都有一个数据类别属性。不过，它们都不是未定义的。我想我需要的是ThisData就是ThisData或者类似的东西。是的，如果你的页面上有图像，这些图像是网站布局的一部分，那么就会调用undefined。它们将是未定义的。否则，您将使页面上的所有图像都具有此滚动效果图像看起来像什么（您说它们已经包含
数据
）？你能为这些图片提供一个代码示例吗？这里是页面上一篇文章的输出示例。本例中的类别是“情绪图像”：哇！太完美了，拉斯克莱特。非常感谢你的帮助。我希望我能为你做的不仅仅是勾选“回答”这个小复选标记。我想这已经很接近了。每个帖子都有一个数据类别属性。不过，它们都不是未定义的。我想我需要的是ThisData就是ThisData或者类似的东西。是的，如果你的页面上有图像，这些图像是网站布局的一部分，那么就会调用undefined。它们将是未定义的。否则，您将使页面上的所有图像都具有此滚动效果图像看起来像什么（您说它们已经包含
数据
）？你能为这些图片提供一个代码示例吗？这里是页面上一篇文章的输出示例。本例中的类别是“情绪图像”：哇！太完美了，拉斯克莱特。非常感谢你的帮助。我希望我能为你做的不仅仅是检查“回答”这个小复选标记。