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

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