在子选择器中重用缓存选择器

Question

var $container = $('div#myContainer');
var $panels = $('div#myContainer > div');

是否可以重用我已经在下一个子选择器中的$ container中缓存的选择器？

Answer 1

你可以这样做：

var $container = $('div#myContainer');
var $panels = $container.children('div');

这会选择仅您当前的子项，使用它作为上下文参数在内部实际调用.find()，找到所有后代而不是直接子项。

Answer 2

是！

var $container = $('div#myContainer');
var $panels = $('div', $container);

这使用了标准jQuery（）函数的附加context参数。您可以在此处阅读：http://api.jquery.com/jQuery/#jQuery1

你也可以这样做。

var $container = $('div#myContainer');
var $panels = $container.find('div');