Ограничить все селекторы jQuery для дочерних элементов определенного элемента

Question

Я определенно знаю, как выбрать ограничивать селектор jQuery для дочерних элементов определенного элемента каждый раз, когда я делаю выбор (т.е. $ ('# left ul') выбирает все ul, которые являются дети #left). Хотя это достаточно просто, если я собираюсь выполнить кучу операций для разных дочерних элементов #left, немного громоздко придется писать $ ('# left ul'), $ ('# left p'), $ ('# left ...'). Вместо этого я бы предпочел просто временно ограничить потенциальные селекторы только детьми из #left. Например:

...some code that established #left as the "scope" of any future selectors; 
$('ul').css(...); //actually selects $('#left ul') 
$('p').css(...); //actually selects $('#left p') 

...some code that re-established the full DOM as the "scope"; 
$('ul').css(...); //selects all ul, not just children of #left 
$('p').css(...); //selects all p, not just children of #left 

Спасибо!

Answer 1

Просто положитесь на контекст и найдите.

var $l = $('#left') 
    , ul = $l.find('ul') 
    , p = $l.find('p'); 

Answer 2

Метод $ $ может принимать 2 аргумента: селектор и контекст. Таким образом, вы можете использовать следующий синтаксис:

$('.children_selector',$('.the_parent_selector')) 

Но, чтобы избежать использования $ (селектор, контекст). Вы можете написать функцию, «переопределяя» функцию $ и написать свой код внутри. Посмотрите:

  (function($) 
      { 
       //here the $ selects the elements inside the first element with the class xpto 
      })(function(a){return $(a,$('.xpto')[0]);}); 

В любом случае, мне не понравилось бы найти такой вид строительства. Для целей технического обслуживания лучше получить больше строк кодов, чем меньше строк неясного кода.