我的页面有六个div
元素。
使用 jQuery 和 Z-Index,单击一个按钮会增加一个按钮的宽度div
以覆盖所有其他按钮。在此过程中,它还假设类:active
(z-index:900)。
当我单击另一个按钮时,div
该类active
应返回其原始大小和位置。原始值保存到变量中,但我如何知道active
类中元素的名称?
这是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","");
$('.active')[0].id
将为您提供具有“活动”类的第一个元素的 ID
您可以选择所有具有类的元素:$('.youClass')
。