我怎么知道哪个元素有一个类?

时间:2012-05-06 10:37:53

标签: jquery class html

我的页面有六个div元素。

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

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

3 个答案:

答案 0 :(得分:3)

这是jQuery function又名$()的基本功能之一。

这样做:

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","");

答案 1 :(得分:1)

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

答案 2 :(得分:0)

您可以选择课程中的所有元素:$('.youClass')