jquery - 我怎么知道哪个元素有一个类？

Question

我的页面有六个div元素。

使用 jQuery 和 Z-Index，单击一个按钮会增加一个按钮的宽度div以覆盖所有其他按钮。在此过程中，它还假设类：active(z-index:900)。

当我单击另一个按钮时，div该类active应返回其原始大小和位置。原始值保存到变量中，但我如何知道active类中元素的名称？

Answer 1

这是jQuery函数aka的基本特征之一$()。

这样做：

var elements = $(".myclass");

将为您提供所有使用 CSS 类的元素myclass。从那里你可以这样做：

elements.css({
    left: orig_left,
    top: orig_top,
    width: orig_width,
    height: orig_height
});

样式更改将立即应用于所有元素。

但是，如果您希望将元素恢复为其默认值（即原始 html 中的内容），您可以这样做：

elements.css({
    left: null,
    top: null,
    width: null,
    height: null
});

甚至：

elements.attr("style","");

Answer 2

$('.active')[0].id 将为您提供具有“活动”类的第一个元素的 ID

Answer 3

您可以选择所有具有类的元素：$('.youClass')。