Question

我有一个值列表，我想要一个脚本，当我悬停一个值时，它会显示具有相同类的值。我使用css不透明度值来显示这些元素

所以这是我的脚本：

$(document).ready(function() {
    $("text").hover(function() {
        $("text").css("opacity","0.2");
        $(this).  *this element's class*   .css("opacity","1");
    }, function() {
        $("text").css("opacity","1");
    });
});

Answer 1

如果您的text只有一个类，那么您可以通过执行

来查询

$(this).attr("class");

然后你可以在选择器中使用它：

$("."+myclass).css("opacity","1");

请参阅完整示例代码：http://jsfiddle.net/zhwrf54e/

Answer 2

使用getAttribute获取类，然后追加“。”使用类选择器。

$(document).ready(function() {
$("text").hover(function() {
    $("text").css("opacity","0.2");
    var className = $(this.getAttribute("class"));
    $("." + className ).css("opacity","1");
}, function() {
    $("text").css("opacity","1");
});
});

如果您有多个类，则需要将其拆分为空格并附加“。”每个人都使用循环。

如何用这个选择一个类

2 个答案: