Повторное использование кэшированного селектора внутри дочернего селектора

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); 

Это делает использование дополнительного аргумента context со стандартной функции JQuery(). Вы можете прочитать здесь: http://api.jquery.com/jQuery/#jQuery1

Вы также можете это сделать.

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