如何使用jquery为'this'类更改css样式？

Question

我有一个图像列表,每个图像都绑定到一个类.

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.任何想法将不胜感激.

Answer 1

尝试,

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

或者干脆

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

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

附加说明:有时如果你有多个具有该特定元素的类集,那么它会使选择器像无效一样$('.class1 class2 class3')