使用保存的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") );