javascript - 如何使用jquery更改 'this'类的CSS样式？

我有一个图像列表，每个图像都与一个类相关。

var hoverList = this.hoverable.getAllList() //this gets the list.

在将鼠标悬停在图像上时，我希望在其他区域显示一个文本块，但要共享一个类。我打电话

hoverList.mouseover(this.hoverable.displayTheDeets)

它运行

displayTheDeets: function(){
    big=$(".project-details")
    thisClass=$(this).attr("class")
    console.log(thisClass)
    //$(big).find(thisClass).css("display","")
    $(big).find(thisClass).css("display", "block")
    //$(big > thisClass).css("display","block")
}

从控制台，如果我运行文字命令

$(".project-details").find(".code-fusion")

它返回我想要的元素。而且我可以毫无问题地更改显示。

我认为我的问题出在thisClass上。任何想法将不胜感激。

最佳答案

尝试，

big.find('.' + thisClass).css("display", "block");

或简单地

big.find('.' + thisClass).show();

请注意，.attr('class')将返回用于特定元素的类，并且不会以选择器的格式返回类名称。

附加说明:在某些情况下，如果您为该特定元素设置了多个类，则它会使选择器无效，例如$('.class1 class2 class3')

ThisClass

javascript - 如何使用jquery更改 'this'类的CSS样式？