私は次のany-attribute-selector仕組みを理解しようとしています...
$('td[abbr="Role"] >div')
主な問題は次のとおりです。このセレクターはdom要素
を選択しますか?2番目の質問は、括弧を閉じた後にセレクターが文字列を認識する方法です
] >div'
最後の質問はhttp://jsfiddle.net/のようなサイトで、セレクターによって見つかった要素を確認できます。jsfiddle.netでは、特定の要素を見つけて見つけられなかったことを確認できません。jsfiddleは他のブラウザーと同様に、舞台裏で要素を見つけるだけだからです。
@RaraituL が推奨するように、Firefox 用のFirebug拡張機能 (または Chrome に統合された開発者ツール。基本的に統合された Firebug) を使用して、動作する JS コンソールを取得します。次に、次のように記述して式をデバッグします
var result = $(my_selector); console.log(result);
コンソールで。出力は次のようになります
Object[match1, match2, match3]
これらのそれぞれをクリックして、ページ内の場所とその属性を確認できます。
$('td[abbr="Role"] >div')
属性が等しい要素のすべての直接の子div要素を選択しますtdabbrRole