How can I give selectors implicit scope
<p>I've written an event handler that detects a change in a select option list and then modifies a few sibling inputs based on the selected value.</p>

<p>I now want to generalise this functionality so that I can use several groups of (driving-select-option-lists + siblings) concurrently. The new onChange handler might look like this:</p>

<pre><code>$('.select-list').on('change', handleChange);
</code></pre>

<p>And the method something like this:</p>

<pre><code>function handleChange(event){
  $parent = $(event.delegateTarget).closest('.parent');
  var parentId = '#' + $parent.attr('id');

  $(parentId + '.foo').flyAway();
  $(parentId + '.bar').destroy();
  $(parentId + '.bax').render();
  $(parentId + '.qux').doAGiggy();
  $(parentId + '.lorem').applyPerfume();
  $(parentId + '.ipsum').eatBetter();
  // ... several times
}
</code></pre>

<p>I would prefer not to repeat the <code>parentId</code> part throughout the handler as it's messy and tough to maintain. Is there a way to give my selectors implicit scope i.e. <code>$('.a-class')</code> knows which <code>parent-id</code> I expect it to "work" within?</p>
