2012-05-06 11 views
1

マイページには6個のdiv要素があります。どのような要素がクラスを持っているかをどのように知ることができますか?

jQueryとZ-インデックスを使用すると、ボタンをクリックすると、1つのdivの幅がすべて拡大されます。このプロセスでは、クラス:active(z-index:900)も想定しています。

別のボタンをクリックすると、activedivは元のサイズと位置に戻ります。元の値は変数に保存されますが、activeクラスの要素の名前はどのように知ることができますか? $('.youClass')

+0

Hiya、探しapi 'hasClass'と' .each'を使ってdivをループすることができます。これがbruvに役立つことを願っています!良いものを持っている! cheerios! –

答えて

3

これはという別名$()の基本機能の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",""); 
1

$('.active')[0].id は、あなたがクラスを持つすべての要素を選択することができます

+2

'$( '。active')[0] .id'の場合、javascriptでは大文字と小文字が区別されます。 – gdoron

+0

@ gdoronありがとう私はいつも間違っている! Grrr!更新されます! –

0

「アクティブ」の最初の要素持つクラスのあなたのIDを取得します。

関連する問題