最初の div 要素を z-index と値 0 に一致させるには、属性セレクターが必要です。tTis は、jquery で css 属性セレクター構文を使用して、要素を取得しようとした方法です。
$("div[z-index='0']").first().doSomeJqueryStuff() ....
私のドキュメントでは、div 要素に値 0 で明示的に設定された z-index がありますが、セレクターは結果を返しません。手伝ってくれてありがとう!
試す
$('div').each(function({
if ($('div').css('z-index') === '0') { // or ... === 0
....
}
}
いいえ、それは不可能です。そのようにcss属性値に基づいて要素を選択することはできません。
CSS値を持つ要素にクラスまたはIDを適用し、代わりにそれを使用するか、すべての要素を反復処理してcss属性の存在を確認する必要があります(かなりコストのかかる操作)。
z-index = 0 で最初のものが見つかるまで、それらを 1 つずつ確認できます。
$('div').each(function({
// Check doc about .css() function
});
Sizzle CSS セレクター ライブラリを使用します。
z-index
は CSS プロパティであり、その値は 0 です。
CSS セレクターは、HTML (および SVG など) の ID、クラス、要素、属性、疑似、およびそれらの値で構成されます (そして、jQuery のセレクター部分である Sizzle も同じ方法で作成されます)。これらの CSS セレクターは、CSS 宣言 ( property: value
) が記述され、HTML ドキュメントのスタイルを設定する CSS ルール用です。