私のページには6つdiv
の要素があります。
jQueryとZ-Indexを使用して、ボタンをクリックすると、1つの幅が広がりdiv
、他のすべてがカバーされます。active
このプロセスでは、クラス(z-index:900)も想定しています。
別のボタンをクリックすると、div
withクラスactive
は元のサイズと位置に戻るはずです。active
元の値は変数に保存されますが、クラスで要素の名前を知るにはどうすればよいですか?
これは、jQuery
関数akaの基本的な機能の1つです$()
。
これを行う:
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
'active'のクラスを持つ最初の要素のIDを取得します
次のクラスですべての要素を選択できます$('.youClass')
。