使用保存的jquery选择器的语法？

Question

我想使用已保存的选择器并进一步向下钻取。在这种情况下，我想访问id为

的元素中包含的链接标记

HTML

<div id='selectedElement'>
   <a href="#">some link</a>
</div>


var $selector = $('#selectedElement');

Answer 1

只需使用.find()

即可

<div id='selectedElement'>
   <a href="#">some link</a>
</div>

var $selector = $('#selectedElement'),
    $anchor = $selector.find('a');

Answer 2

var $selector = $('#selectedElement');

// a will contain a reference to all <a> elements that are a descendent of the
// the element with id "selectedElement"
var a = $selector.find('a');

因为已为$selector分配了一个jQuery对象，该对象包含DOM中与选择器#selectedElement匹配的元素的引用，所以您可以使用$selector变量进一步向下钻取。

Answer 3

您可以轻松地使用相同的方式：

var selector = $('#selectedElement');

alert( selector.find("a").attr("href") );