私がこれに似たHTMLを持っていると仮定します:
<div class="fooContainer">
<div class="barContainer">
<a href="#">foo-bar</a>
</div>
</div>
スクリプトでエントリポイントがアンカーであり、クラスfooContainerを使用してdivにアクセスする必要がある場合は、次のように実行できます。
var $fooContainer = $("a").parents(".fooContainer");
$fooContainer
これは、DOM内の要素への参照を保持しているため、完全に正常に機能します。
selector
このように値を出力すると、次のようになります。
console.log($fooContainer.selector)
値を取得しますa.parents(.fooContainer)
。
selector
プロパティが、それ自体が有効なセレクター値となる文字列を返すという印象を受けました。
これは、次のようなセレクターとして使用しようとする場合のように、そうではありません。
$("a.parents(.fooContainer)")
jQuery1.7.2で一致するものが見つかりません。
また、最新のjQuery 1.8.xでは、例外もスローされます。Error: Syntax error, unrecognized expression: a.parents(.fooContainer)
- セレクタープロパティに有効なセレクター値が含まれていないのはなぜですか?
- そうでない場合は、
selector
プロパティを何に使用しますか?
jQueryのドキュメントで情報を検索しようとしましたが、そのプロパティに関連するものは見つかりませんでした。